/* ==========================================================================
   tokens.css — カラートークン・タイポグラフィ・レイアウト変数
   ========================================================================== */

:root {
  /* --- ブランドカラー --- */
  --c-navy: #002060;       /* 主色: 見出し、フッター、強調数値、ボタン */
  --c-teal: #1F526B;       /* 副色: ヒーロー/クロージングのグラデ終端など */
  --c-yamabuki: #F8B62B;   /* アクセント: NEW BUSINESS帯、Coming Up帯、タグ、CTA */

  /* --- 濃淡・派生トークン --- */
  --c-navy-dark: #001540;
  --c-navy-light: #0A317A;
  --c-navy-tint: #EEF2FA;      /* セクション淡色背景 */
  --c-navy-tint-alt: #E3EAF7;  /* テーブル奇数行などの淡色背景 */
  --c-navy-border: rgba(0, 32, 96, 0.16);
  --c-navy-border-strong: rgba(0, 32, 96, 0.45);

  --c-yamabuki-dark: #B88000;  /* 白背景上のタグ文字等でコントラストを確保する濃山吹色 */
  --c-yamabuki-pale: #FFF8E6;  /* アクセント極淡背景 */

  /* --- ニュートラルカラー（白・グレー・黒） --- */
  --c-white: #FFFFFF;
  --c-bg-light: #F7F9FC;
  --c-text-main: #1A2233;
  --c-text-body: #3A4354;
  --c-text-muted: #5C667A;
  --c-border-card: #2A354B;

  /* --- グラデーション --- */
  --grad-brand: linear-gradient(120deg, var(--c-navy) 0%, #0D3866 52%, var(--c-teal) 100%);

  /* --- フォントファミリー --- */
  --font-sans: Helvetica, Arial, sans-serif;
  --font-display: "Jost", "Futura", "Century Gothic", Helvetica, Arial, sans-serif;
  --font-serif: Georgia, "Times New Roman", serif;

  /* --- レイアウト・余白・角丸 --- */
  --container-max: 1120px;
  --container-narrow: 920px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --section-py: clamp(4rem, 7vw, 6.5rem);

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 9999px;

  --shadow-card: 0 8px 24px rgba(0, 32, 96, 0.08);
  --shadow-float: 0 12px 32px rgba(0, 32, 96, 0.14);
}