/* SITE 76 — HOST NEWS & EVENT / design tokens
   配色: ネイビー黒 #0D1117 / オフホワイト #F4F4F2 / コーラル #E44A3A / スレート #6D7480
   角丸は 4px のみ（MASTER §8: 1サイト内で混在させない。SITE 67 の 8px とは別値）
   影は 2段階まで
   本文16px / 注記14px を最小値とする
   コントラスト実測値はコメントに併記（すべて 4.5:1 以上） */
:root {
  /* --- 面 --- */
  --c-bg: #0D1117;
  --c-bg-2: #131A23;
  --c-bg-3: #1A2330;
  --c-bg-inset: #090D12;

  /* --- 罫線（スレート #6D7480 系。文字には使わない） --- */
  --c-line: #24303D;
  --c-line-strong: #6D7480;
  --c-line-soft: #1D2733;

  /* --- 文字 ---
     #F4F4F2 / #0D1117 = 17.6:1、#C6CCD4 = 11.6:1、#98A0AC = 7.1:1 */
  --c-fg: #F4F4F2;
  --c-fg-2: #C6CCD4;
  --c-muted: #98A0AC;

  /* --- アクセント（コーラル1色 + 状態色） ---
     #E44A3A / #0D1117 = 4.8:1（本文可）
     #F2705F / #0D1117 = 6.6:1（リンク・小文字）
     #FFFFFF / #CE3C2C = 4.9:1（塗りボタンの文字） */
  --c-accent: #E44A3A;
  --c-accent-bright: #F2705F;
  --c-accent-deep: #CE3C2C;
  --c-accent-ink: #FFFFFF;
  --c-accent-soft: rgba(228, 74, 58, 0.14);
  --c-accent-line: rgba(228, 74, 58, 0.44);

  --c-ok: #6FCB9B;      /* 営業中・出勤あり（9.7:1） */
  --c-off: #98A0AC;     /* 休業・出勤なし */
  --c-alert: #F08A7B;   /* エラー・注意（7.8:1） */
  --c-focus: #F2705F;

  /* --- 角丸（4px 単一） --- */
  --radius: 4px;

  /* --- 影（2段階） --- */
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.55);
  --shadow-2: 0 14px 34px rgba(0, 0, 0, 0.6);

  /* --- 寸法 --- */
  --w-page: 1160px;
  --w-text: 740px;
  --h-header: 68px;
  --h-cta: 58px;
  --tap: 44px;

  /* --- 余白 --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 84px;

  /* --- 文字サイズ（最小14px） --- */
  --fs-note: 14px;   /* 注記・補足 */
  --fs-body: 16px;   /* 本文・料金・時刻・住所・ラベル */
  --fs-lead: 17px;
  --fs-h4: 18px;
  --fs-h3: 21px;
  --fs-h2: clamp(23px, 2.4vw, 30px);
  --fs-h1: clamp(27px, 3.6vw, 40px);
  --fs-display: clamp(31px, 4.8vw, 50px);

  --lh-tight: 1.3;
  --lh-normal: 1.6;
  --lh-long: 1.75;

  /* --- 書体（Roboto Condensed + Noto Sans JP / システムフォントへフォールバック） --- */
  --font-base: "Roboto Condensed", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-num: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* --- モーション（fade-up 1種のみ） --- */
  --dur: 380ms;
  --ease: cubic-bezier(0.2, 0.6, 0.35, 1);

  --z-header: 60;
  --z-cta: 70;
  --z-drawer: 90;
  --z-modal: 100;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 1ms; }
}

/* 電話・料金・日付・時刻に old-style 数字を使わない（tabular で桁を揃える） */
.num,
[data-num],
.tabular {
  font-family: var(--font-num);
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1, "tnum" 1;
}