/*
 * デザイントークン（移植元: prototypes/hero-demo/src/styles/tokens.css）
 * 二層ブランド構成:
 *   - ヒーロー（暗い夜の顔）  = ロゴ由来の「和モダン×夜」パレット
 *   - 情報セクション（明るい昼の顔） = フライヤー情報面の実測パレット
 * パレット出典は docs/01_デザインアセット.md（ロゴ実測 / フライヤー実測 2026-07-05）。
 *
 * FB0715 C（フライヤー色味の本採用・2026-07-15）: フライヤー PNG をピクセル実測して
 * 全パレットをフライヤー準拠に更新。方針は「白背景で使う色はフライヤーの実測RGBに
 * 一致させる／暗背景側は同じ色を機械的に流用せず、フライヤーの藍・金と同じ Hue（藍=約218°・
 * 金=約41°、HSL近似）を基準に明度だけ役割に応じて調整し体系として揃える」。
 * 実測・算出根拠は docs/01_デザインアセット.md「トンマナ抽出（フライヤーより）」参照。
 */
:root {
  /* ===== パレット: ロゴ由来だがフライヤーの藍・金Hueへ統一（ヒーローで使用） =====
   * 旧値は藍のHueが約210〜212°でフライヤー実測（約218°）から数度ずれていたため、
   * 同じHue・近い彩度に揃えて明度のみ役割ごとに変えた（詳細は上のコメント参照）。 */
  --color-sumi: #0a0a0a; /* 墨黒 - ベース背景・締め色 */
  --color-ai-deep: #081428; /* 濃藍 - 夜空・深み */
  --color-ai: #153263; /* 藍 - ブランドカラー */
  --color-ai-light: #193c77; /* 藍(明) */
  --color-ai-bright: #2b67cc; /* 藍(輝) - 暗背景の細い罫線用 */
  --color-gold: #d8b160; /* 金 - アクセント */
  --color-gold-light: #d8c960; /* 金(明部) */
  --color-gold-dark: #907948; /* 金(陰) */
  --color-kinari: #f0d8c0; /* 生成り - 明部・紙感 */
  --color-seal: #b23a2e; /* 朱 - 落款（篆刻印） */

  /* ===== パレット: フライヤー情報面（額縁・タブ・白セクションで使用） =====
   * 2026-07-15 実測でRGBを厳密化（PIL でフライヤーPNGの平坦部を複数箇所サンプリング）。 */
  --color-paper: #fefefe; /* 白 - 情報面の地色 */
  --color-ai-flyer: #123570; /* 藍 - 見出しテキスト（実測） */
  --color-ai-flyer-deep: #142b52; /* 藍(濃) - DAYタブ・部門バッジの地色（実測） */
  --color-gold-flyer: #e1ba68; /* 金 - 二重罫の副線・円ドット装飾（実測） */
  --color-accent-red: #d6182d; /* 赤 - LIVE バッジのみに使う極小の差し色（実測） */

  /* ===== タイポグラフィ（欧文DIN＋和文角ゴシック＋リードのみ明朝の三層） ===== */
  /* FB0712 B1（根治・2026-07-12）: --font-display は本来「数字・欧文の見出し用」だが、
     wyyc_t() で日英を切り替える要素（カウントダウン単位ラベル「日/時/分/秒」等）にも
     同じ font-family が使われている箇所が複数ある。Oswald は欧文専用でCJKグリフを一切
     持たないため、フォールバックが sans-serif のみだとJAページでその文字だけ豆腐（tofu）
     になる（実機検証で「開幕までのこり」ラベル・countdown単位・ヘッダCTA等で発覚）。
     42箇所ある呼び出し側を個別に洗うのではなく、トークン自体に和文フォールバックを
     足すことで全箇所を一括で根治する（Oswaldが持つグリフはOswaldのまま、持たないCJKだけ
     自然にZen Kaku Gothic Newへ落ちる＝欧文の見た目は変えない）。 */
  --font-display: 'Oswald', 'Zen Kaku Gothic New', sans-serif;
  --font-jp: 'Zen Kaku Gothic New', sans-serif;
  --font-jp-serif: 'Shippori Mincho', serif;

  /* FB0714 F7（そらくん「トップ文字さらにでっかくなった？バランスが前の寄りも悪くなった印象」）:
     旧値（凍結スナップショット /old-0714/ と同一）から全体を約15%縮小し、320〜1440の各幅で
     一律にバランスを詰めた（特定幅だけの応急処置ではなく、min/vw係数/maxの3点を揃って下げる）。 */
  --text-headline: clamp(1.9rem, 0.5rem + 5.6vw, 5.5rem);
  --text-lead: clamp(0.98rem, 0.86rem + 0.6vw, 1.3rem);
  --text-section-title: clamp(1.7rem, 1rem + 2.6vw, 3rem);
  --text-day-date: clamp(1.15rem, 0.9rem + 1vw, 1.6rem);
  --text-tagline-en: clamp(0.8rem, 0.68rem + 0.5vw, 1.05rem);
  --text-cta: clamp(0.8rem, 0.72rem + 0.3vw, 0.95rem);
  --text-tab: clamp(0.66rem, 0.62rem + 0.2vw, 0.8rem);

  --tracking-wide: 0.28em;
  --tracking-normal: 0.06em;
  --tracking-tab: 0.16em;

  /* ===== モーション ===== */
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --duration-reveal: 1400ms;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

  /* ===== レイアウト ===== */
  --space-section: clamp(2.5rem, 2rem + 3vw, 6rem);
  --hero-content-max-width: 880px;
  --info-content-max-width: 1080px;

  /* ===== v2「軌跡の夜」拡張トークン ===== */

  /* 夜のバンドの階調（上=満月の空、下=沈んだ藍墨） */
  --night-sky-top: #060b16;
  --night-sky: #08101f;
  --night-0: #070d18; /* 夜バンドの基調 */
  --night-1: #0a1322; /* セクション交互の明部 */
  --night-2: #0c1526; /* カード面 */
  --hairline: rgb(216 177 96 / 0.16); /* 金の極細罫（暗地） */
  --hairline-strong: rgb(216 177 96 / 0.34);
  --hairline-cool: rgb(43 103 204 / 0.22); /* 藍の極細罫 */

  /* 白情報面の副トークン */
  --paper-tint: #f6efe4; /* 生成りに寄せた白（VISIT/SPONSORS） */
  --paper-line: rgb(18 53 112 / 0.14); /* 藍のヘアライン（白地） */

  /* タイポ拡張 */
  --text-display: clamp(2.6rem, 1rem + 8vw, 6rem); /* HEADLINERS 名前 DIN */
  --text-index: clamp(1.6rem, 1rem + 2.4vw, 2.6rem); /* 01–04 番号 */
  --text-division-num: clamp(1.9rem, 1.2rem + 2.6vw, 3rem); /* 1A–5A */
  --text-countdown: clamp(2.2rem, 1.2rem + 4vw, 4rem);
  --text-kicker: clamp(0.72rem, 0.66rem + 0.3vw, 0.9rem);
  --text-section-title-en: clamp(1.4rem, 0.9rem + 2vw, 2.4rem);

  /* レイアウト */
  /* 通常は 1200px。超横長（>1920px）では容れ物を滑らかに最大 1520px まで広げ、
   * フルブリードの色面（白/生成り/紺セクション）の中で内容が小さな島にならないようにする。
   * clamp の下限が 1200px なので 1920px 以下は完全に据え置き（回帰ゼロ）。
   * 傾き 0.5 = (1520-1200)/(2560-1920)。読み物系の行長は ultrawide 用の max-width で別途抑える。 */
  --shell-max: clamp(1200px, calc(1200px + (100vw - 1920px) * 0.5), 1520px);
  --shell-pad: clamp(1.25rem, 5vw, 4rem);
  --masthead-h: 76px;
  --masthead-h-slim: 56px; /* B: 追従表示時のスリム高さ（MTG 2026-07-10） */
  --read-measure: 78ch; /* 流れる本文の最大行長（ultrawide で容れ物が広がっても読みやすさを保つ） */

  /* z-index スケール */
  --z-trajectory: 1;
  --z-content: 2;
  --z-yoyo: 6;
  --z-masthead: 60;
  --z-mobile-nav: 55;

  /* モーション追加 */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}