/*
 * バズマ公開ページのデザイントークン。
 * 値は docs/design/2026-07-25-public-pages/ のデザインから抽出した実値であり、
 * ここ以外に色を直書きしない。
 */
:root {
  --bm-ink: #0F1729;
  --bm-body: #4B5569;
  --bm-muted: #8A93A8;
  --bm-muted-weak: #A5ACBB;

  --bm-line: #E6E8EE;
  --bm-line-strong: #E0E3EA;
  /* 枠線がそのままボタンの輪郭になる用途（HOME ヒーローの outline ボタン）だけ、
     デザイン 1e/1f にあわせてもう一段濃くする */
  --bm-line-outline: #D8DCE6;

  --bm-surface: #FFFFFF;
  --bm-surface-1: #F7F8FB;
  --bm-surface-2: #F4F6FA;
  --bm-surface-3: #F0F2F6;
  --bm-surface-4: #EDEFF4;
  --bm-surface-dark: #0B1120;

  --bm-magenta: #F0247A;
  --bm-purple: #C22BD4;
  --bm-blue: #1F8FF0;

  /* 暗い面の上のリンク色。#C22BD4 は #0B1120 に対してコントラストが足りない */
  --bm-pink-on-dark: #FF7EB8;

  /* HOME ④ の供給経路図。段ごとの淡色（デザイン 1e の chainColors より） */
  --bm-tint-purple: #FDF4FE;
  --bm-tint-purple-line: #F3DEF9;
  --bm-tint-blue: #F1F8FE;
  --bm-tint-blue-line: #DAEAFB;

  /* グラデーションは面で使わない。アクセントと1ページ1箇所の見せ場に限る */
  --bm-gradient: linear-gradient(92deg, #F0247A, #C22BD4 48%, #1F8FF0);
  --bm-gradient-bright: linear-gradient(92deg, #FF4D9D, #4FB6FF);

  --bm-font-ja: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
  --bm-font-en: "Poppins", var(--bm-font-ja);

  --bm-radius-sm: 10px;
  --bm-radius: 18px;
  --bm-radius-lg: 28px;
  --bm-radius-pill: 999px;

  --bm-space-1: 6px;
  --bm-space-2: 12px;
  --bm-space-3: 20px;
  --bm-space-4: 32px;
  --bm-space-5: 48px;
  --bm-space-6: 72px;

  --bm-shadow: 0 24px 60px rgba(15, 23, 41, .12);
  --bm-shadow-sm: 0 8px 24px rgba(15, 23, 41, .08);

  /* デザイン 1f の実装メモ「PCは最大1120pxセンター寄せ」より */
  --bm-container: 1120px;
  --bm-measure: 680px;
}