/* SITE 53 AURORA PRISM — デザイントークン
   配色: ディープネイビー #10173a / バイオレット #6e56c9 / ピンク #e26fae / シアン #3fc4dd / ホワイト #f5f6fb
   暗色ベース。テキストは白／淡ラベンダーグレーでコントラスト4.5:1以上を確保。
   アクセント（violet/pink/cyan）は大きな装飾・境界光・リンク下線に用い、細字本文には使わない。 */
:root {
  /* 面 */
  --navy-950: #0a0f28;
  --navy-900: #10173a;
  --navy-850: #141d47;
  --navy-800: #182150;
  --panel: rgba(30, 40, 84, 0.55);
  --panel-solid: #141b40;

  /* アクセント */
  --violet: #6e56c9;
  --pink: #e26fae;
  --cyan: #3fc4dd;
  --white: #f5f6fb;

  /* テキスト（暗背景・コントラスト検証済み） */
  --ink: #f5f6fb;          /* 本文・見出し（対 navy-900 ≈ 16:1） */
  --ink-soft: #c9cee6;     /* 補助本文（対 navy-900 ≈ 9:1） */
  --muted: #a6adcf;        /* 注釈（対 navy-900 ≈ 6.4:1） */
  --line: rgba(198, 205, 235, 0.16);
  --line-strong: rgba(198, 205, 235, 0.28);

  /* リンク／状態のアクセント（明るめシアンで可読） */
  --link: #7fd7e8;
  --accent-cyan-ink: #7fd7e8;  /* シアン系テキストは明度を上げて 4.5:1 以上に */
  --accent-pink-ink: #f2a6d0;

  /* グラデーション（オーロラ／プリズム） */
  --aurora: linear-gradient(100deg, #6e56c9 0%, #e26fae 45%, #3fc4dd 100%);
  --aurora-soft: linear-gradient(100deg, rgba(110,86,201,0.9), rgba(226,111,174,0.85), rgba(63,196,221,0.9));
  --glow-violet: radial-gradient(closest-side, rgba(110,86,201,0.55), rgba(110,86,201,0));
  --glow-pink: radial-gradient(closest-side, rgba(226,111,174,0.42), rgba(226,111,174,0));
  --glow-cyan: radial-gradient(closest-side, rgba(63,196,221,0.42), rgba(63,196,221,0));

  /* タイポ */
  --font-display: "Michroma", "Noto Sans JP", sans-serif; /* 見出し英字のみ */
  --font-jp: "Noto Sans JP", system-ui, sans-serif;       /* 和文可読性 */
  --font-mono: "Space Mono", "Noto Sans JP", monospace;   /* 時刻・数字補助 */
  --fs-body: 1rem;         /* 16px */

  /* 半径・影・余白 */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --shadow-sm: 0 6px 20px rgba(4, 8, 26, 0.4);
  --shadow-md: 0 18px 48px rgba(4, 8, 26, 0.5);
  --shadow-glow: 0 0 40px rgba(63, 196, 221, 0.18);

  --wrap: 1200px;
  --gutter: clamp(20px, 5vw, 56px);
  --section-y: clamp(64px, 9vw, 132px);

  --header-h: 74px;
  --z-header: 60;
  --z-drawer: 90;
  --z-cta: 70;
  --z-modal: 120;
}