/* SKYLINE GRADIENT — tokens.css : デザイントークン（都市スカイライン・宵グラデ）
   配色: sites-v5 §24 / design-plan B5 SITE 59 */
:root {
  /* 配色 */
  --midnight:   #16223f;  /* ミッドナイトブルー・基調 */
  --midnight-2: #0e1830;  /* 最深部 */
  --midnight-3: #1d2c4e;  /* パネル面 */
  --sunset:     #e2814d;  /* サンセットオレンジ・アクセント */
  --sunset-soft:#f0b184;  /* 明るい橙（見出し映え） */
  --purple:     #6b6478;  /* パープルグレー */
  --purple-lt:  #a49cb0;  /* 明るい藤鼠（補助テキスト・4.5:1確保） */
  --white:      #f7f6f4;  /* 本文・見出し */

  /* 派生 */
  --ink-72: rgba(247,246,244,.80);
  --ink-58: rgba(247,246,244,.66);
  --line:      rgba(247,246,244,.16);
  --line-sun:  rgba(226,129,77,.42);
  --panel:     rgba(29,44,78,.72);   /* 浮遊パネル（半透明ガラス） */
  --panel-solid:#182747;

  /* タイポ */
  --font-display: "Hanken Grotesk", "Noto Sans JP", system-ui, sans-serif; /* 59専用 display */
  --font-body:    "Noto Sans JP", system-ui, -apple-system, sans-serif;
  --font-mono:    "Space Mono", "IBM Plex Mono", ui-monospace, monospace;

  --fs-hero:  clamp(2.5rem, 7.2vw, 5.6rem);
  --fs-h2:    clamp(1.7rem, 3.6vw, 2.7rem);
  --fs-h3:    clamp(1.2rem, 2vw, 1.5rem);
  --fs-lead:  clamp(1rem, 1.3vw, 1.15rem);
  --fs-body:  1rem;       /* 16px 下限 */
  --fs-small: 0.875rem;   /* 14px：注釈下限 */
  --fs-kicker:0.8125rem;  /* 13px：装飾英字ラベルのみ */

  /* レイアウト */
  --maxw: 1240px;
  --gut: clamp(1.15rem, 4vw, 3.4rem);
  --sec-py: clamp(4.5rem, 9vw, 8rem);
  --radius: 14px;         /* 浮遊パネルの丸み */
  --radius-sm: 8px;

  --shadow: 0 30px 70px -34px rgba(0,0,0,.75);
  --shadow-panel: 0 24px 60px -28px rgba(0,0,0,.6);
  --ease: cubic-bezier(.22, 1, .36, 1);

  --header-h: 72px;
  --cta-h: 66px;          /* モバイル固定CTA高さ（フッター余白計算に使用） */

  /* ===== 空テーマ（シグネチャ: DAY / SUNSET / NIGHT）— 既定は NIGHT ===== */
  --sky-1: #0b1224;       /* 天頂 */
  --sky-2: #16223f;
  --sky-3: #2a2b53;       /* 地平近く */
  --sky-glow: rgba(226,129,77,.20);
  --sun-x: 74%; --sun-y: 78%;
  --header-bg: rgba(14,24,48,.82);
  --page-bg: #0e1830;
  --status-tint: #7fd6c0; /* 営業中 = 緑青（色以外にテキストでも表示） */
}

/* DAY: 昼〜夕方前・準備中 */
:root[data-theme="day"] {
  --sky-1: #2b4a74;
  --sky-2: #5a7fa6;
  --sky-3: #cbb79c;
  --sky-glow: rgba(240,177,132,.30);
  --sun-x: 68%; --sun-y: 40%;
  --header-bg: rgba(43,74,116,.80);
  --page-bg: #16223f;
  --status-tint: #a49cb0; /* 準備中 = 藤鼠 */
}

/* SUNSET: 夕景・まもなく開店 */
:root[data-theme="sunset"] {
  --sky-1: #2a2b53;
  --sky-2: #6b4a63;
  --sky-3: #e2814d;
  --sky-glow: rgba(226,129,77,.42);
  --sun-x: 72%; --sun-y: 66%;
  --header-bg: rgba(42,43,83,.82);
  --page-bg: #1a1c38;
  --status-tint: #f0b184; /* まもなく = 橙 */
}

/* NIGHT: 明示指定（既定と同値・data-theme切替の一貫性のため） */
:root[data-theme="night"] {
  --sky-1: #0b1224;
  --sky-2: #16223f;
  --sky-3: #2a2b53;
  --sky-glow: rgba(226,129,77,.20);
  --sun-x: 74%; --sun-y: 82%;
  --header-bg: rgba(14,24,48,.82);
  --page-bg: #0e1830;
  --status-tint: #7fd6c0;
}