/*
 * バズマ公開ページのデザイントークン。
 * 値は 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;

  --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;

  /* グラデーションは面で使わない。アクセントと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;
}