/* ========================================
   デザイントークン（色・フォント・スペーシング）
   ======================================== */

:root {
  /* ── ブランドカラー ── */
  --color-navy: #0F3460;
  --color-yellow: #F1C40F;
  --color-turquoise: #5DC1D6;
  --color-tint: #E5F5F8;
  --color-red-cta: #FF3B30;
  --color-orange-light: #FCE173;
  --color-orange-tint: #FFFBEB;

  /* ── 背景 ── */
  --bg-white: #FFFFFF;
  --bg-section: #F2F5FB;
  --bg-light-grey: #F5F5F5;
  --bg-muted: #F0F0F0;
  --bg-orange-tint: #FFFBEB;
  --bg-orange-light: #FFF1A8;

  /* ── テキスト ── */
  --text-heading: #0F3460;
  --text-body: #333333;
  --text-sub: #666666;
  --text-caption: #999999;
  --text-inverse: #FFFFFF;
  --text-muted: #BFCAD8;
  --text-placeholder: #9CABBC;
  --text-link: #8FCFD7;

  /* ── ボーダー ── */
  --border-default: #BFCAD8;
  --border-light: #E3E8F1;
  --border-strong: #BFBFBF;
  --border-subtle: #EEEEEE;

  /* ── フォント ── */
  --font-jp: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  --font-en: "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;
}