/* デザイントークン。トークン名は 1017_lp_bootcamp（css/tokens-base.css, tokens.css）の体系を踏襲。
   値は今回用の青系【仮色】。イベントサムネイル未確認のため、確定後はこのファイルの値だけを差し替える。
   状態色（--ok / --bad）は既存値を継続。 */
:root{
  --ink:#12294A;
  --ink-sub:#3F5675;
  --ink-faint:#5B7090;
  --paper:#FFFFFF;
  --bg:#F2F7FD;
  --line:#D2E0F1;
  --line-soft:#E6EEF8;
  --accent:#1D5BBF;
  --fill:#2563D6;
  --fill-2:#3B7BEA;
  --on-fill:#FFFFFF;
  --accent-soft:#E4EEFB;
  --ok:#0E8A6E;
  --ok-soft:#E3F3EF;
  --bad:#B33A3A;
  --bad-soft:#F7E7E4;
  --warn:#8A5A00;
  --warn-soft:#FFF4DC;
  --block:#14284A;
  --accent-on-dark:#9CC6FF;

  --sans:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI",Meiryo,sans-serif;
  --mono:"IBM Plex Mono","Noto Sans JP",ui-monospace,Consolas,monospace;
  --w-text:1100px;
  --w-wide:1100px;
  --sp-0:4px; --sp-1:8px; --sp-2:16px; --sp-3:24px; --sp-4:32px; --sp-6:48px; --sp-8:64px;
  --tap:44px;
  --fs-xs:12px; --fs-sm:13px; --fs-base:16px; --fs-lg:18px;
  --lh-body:1.8;
  --focus-ring:2px solid var(--accent);

  --border:var(--line);
  --border-strong:color-mix(in srgb,var(--line) 55%,var(--ink-faint) 45%);
  --r-xs:4px; --r-sm:9px; --r:16px; --r-lg:20px;

  --shadow-sm:0 2px 8px rgba(18,41,74,.06);
  --shadow:0 6px 26px rgba(18,41,74,.10);
  --shadow-lg:0 14px 38px rgba(18,41,74,.13);

  --grad-main:linear-gradient(145deg,var(--fill) 0%,var(--fill-2) 100%);
  --grad-band:linear-gradient(135deg,var(--bg) 0%,var(--accent-soft) 100%);

  --nav-h:54px;
}