/* ============================================================
   YAMATO Design Tokens — CSS変数版（正本: tokens.json と同値）
   v1.0 / 2026-06-12
   HTML成果物はこのファイルを <link> または :root コピペで使う。
   個別HTMLに hex をベタ打ちしない（テーマ差分のみ上書き可）。
   ============================================================ */
:root {
  /* --- Primary --- */
  --yamato-black: #0A0A0A;        /* 純黒#000000は使わない */
  --yamato-white: #FFFFFF;
  --paper-warm: #FAFAF8;

  /* --- Gold（面積5%以内・点で使う） --- */
  --gold-classic: #826F34;        /* 印刷・ロゴ公式 */
  --gold-presentation: #B29C6C;   /* ライト背景アクセント（実使用メイン） */
  --gold-warm: #C8A870;           /* ダーク背景アクセント */
  --gold-champagne: #D4AF37;      /* T1ポスター装飾線 */
  --gold-label: #D4B87A;          /* ダーク背景ラベルテキスト */

  /* --- Green --- */
  --green-deep: #213324;
  --green-medium: #3D5E42;

  /* --- Secondary --- */
  --text-dark: #333333;
  --text-sub: #666666;
  --line-light: #CCCCCC;
  --off-white: #F0EDE8;           /* ダーク背景上の本文（純白を避ける） */
  --claret: #8B2E2E;
  --bronze: #9C7B3C;              /* コンサル調図版の差し色 */

  /* --- T3（内部運営・機能優先） --- */
  --t3-header: #1E3A5F;
  --t3-subheader: #2E5C8A;
  --t3-zebra: #EEF2F7;
  --t3-label-bg: #F0F3F7;
  --t3-text: #1A1A2E;
  --t3-done: #D4EDDA;
  --t3-warn: #FFF3CD;
  --t3-alert: #F8D7DA;

  /* --- Season accents（T2-EC） --- */
  --season-spring: #D4A0A7;
  --season-summer: #64A0C8;
  --season-autumn: #C4944C;
  --season-winter: #6B7B8A;

  /* --- Fonts --- */
  --font-serif-en: "Libre Baskerville", Baskerville, serif;
  --font-serif-jp: "Yu Mincho", "游明朝体", serif;
  --font-sans-en: Montserrat, Gotham, sans-serif;
  --font-sans-jp: "Yu Gothic", "游ゴシック", "Noto Sans JP", sans-serif;

  /* --- Spacing（Otake HTMLスタイル / DESIGN_GUIDELINES S12） --- */
  --space-unit: 20px;
  --h1-top: 56px;  --h1-bottom: 16px;
  --h2-top: 64px;  --h2-bottom: 8px;
  --h3-top: 34px;  --h3-bottom: 12px;
  --para-gap: 16px;
  --section-gap: 80px;

  /* --- Motion（ブランドHTML既定: reveal + spotlight 1枚 + 静かなフェード） --- */
  --dur-tap: 160ms;
  --dur-hover: 240ms;
  --dur-reveal: 750ms;
  --ease-satisfying: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-snappy: cubic-bezier(0.32, 0.72, 0, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-tap: 0ms;
    --dur-hover: 0ms;
    --dur-reveal: 0ms;
  }
}