/* ============================================================
   跃 LEAP · Design Tokens — single source of truth
   Derived verbatim from design-system.md v1.0.
   Dark (:root) = 墨青水底 · Light ([data-theme="light"]) = 宣纸水墨.
   Semantic tokens share names across themes; only surfaces flip
   + semantic text darkens in light for >=4.5:1 contrast.
   ============================================================ */

:root {
  /* 1.1 背景 — 墨青水底阶梯 (越深越暗) */
  --bg-abyss:#06151A;
  --bg-base:#081A1F;
  --bg-surface:#0D2329;
  --bg-raised:#123038;
  --bg-overlay:#173B45;
  --border-subtle:#1C4450;
  --border-strong:#295A68;

  /* 1.2 品牌强调主色 — 鎏金 (全站仅用于主 CTA「下注」) */
  --accent-bet:#E7A93A;
  --accent-bet-hover:#F2BC52;
  --accent-bet-press:#C98A22;
  --accent-bet-gradient:linear-gradient(135deg,#F2BC52,#D8911F);
  --accent-bet-glow:0 0 24px rgba(231,169,58,.45);
  --text-on-accent:#0A1A1E;

  /* 1.3 语义色 — 盈 / 亏 / 中性 */
  --profit:#2BC089;
  --profit-text:#45D69B;
  --profit-bg:rgba(43,192,137,.14);
  --profit-glow:0 0 20px rgba(69,214,155,.40);
  --loss:#E2452E;
  --loss-text:#FF6450;
  --loss-bg:rgba(226,69,46,.14);
  --loss-glow:0 0 20px rgba(255,100,80,.42);
  --info:#8198A4;
  --info-bg:rgba(129,152,164,.12);

  /* 1.4 文字色阶 */
  --text-strong:#ECF4F4;
  --text-default:#C3D4D6;
  --text-muted:#8AA0A6;
  --text-faint:#5E767E;

  /* 1.5 路单热度阶梯 (倍数的单调函数 · 冷→热) */
  --mult-t1:#62787F;  --mult-t1-bg:rgba(98,120,127,.12);   /* <2×  冷灰 */
  --mult-t2:#6FA0A6;  --mult-t2-bg:rgba(111,160,166,.14);   /* 2–5× 哑光冷青(墨青家族) */
  --mult-t3:#DCA13C;  --mult-t3-bg:rgba(220,161,60,.16);   /* 5–20× 琥珀 */
  --mult-t4:#FF6450;  --mult-t4-bg:rgba(255,100,80,.16);   /* >20×  朱砂 */
  --mult-t4-trim:#F2C361;                                  /* 龙纹点缀 */

  /* 3 字体 */
  --font-display:'Archivo','Noto Sans SC',system-ui,sans-serif;
  --font-ui:'Noto Sans SC','Archivo',system-ui,sans-serif;
  --font-num:'Archivo','Noto Sans SC',system-ui,sans-serif;

  /* 字号阶梯 */
  --fs-hero:clamp(64px,12vw,128px);
  --fs-display:40px;
  --fs-h1:28px; --fs-h2:22px; --fs-h3:18px;
  --fs-body:15px; --fs-sm:13px; --fs-xs:11px;

  /* 4.1 间距刻度 (4 的倍数) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px;

  /* 4.2 圆角 */
  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:20px; --r-pill:999px;

  /* 4.3 阴影 / 立面 */
  --el-1:0 1px 2px rgba(0,0,0,.4);
  --el-2:0 4px 14px rgba(0,0,0,.45);
  --el-3:0 14px 36px rgba(0,0,0,.5);
  --el-inner:inset 0 1px 0 rgba(255,255,255,.05);

  /* 6 动效 */
  --dur-fast:120ms; --dur-base:200ms; --dur-slow:320ms; --dur-dramatic:640ms;
  --ease-standard:cubic-bezier(.2,0,0,1);
  --ease-emphasized:cubic-bezier(.2,.85,.25,1);
  --ease-exit:cubic-bezier(.4,0,1,1);

  /* 舞台插画 (鲤跃龙门 · 墨青水底) */
  --stage-img:url('assets/stage.webp');
}

/* ── 亮色 · 宣纸水墨 ── 瓷白/米纸为底、墨青为字、鎏金朱砂为印 ── */
html[data-theme="light"] {
  /* 表面层翻转: 越"高"越白 */
  --bg-abyss:#E3DCCB;
  --bg-base:#F3EEE2;
  --bg-surface:#FBF8F0;
  --bg-raised:#FFFFFF;
  --bg-overlay:#F1EADB;
  --border-subtle:#DAD0BC;
  --border-strong:#C2B49A;

  /* 语义层: 主色不变, 文字色加深以保 >=4.5:1 */
  --accent-bet:#C98A22;
  --accent-bet-hover:#B97C16;
  --accent-bet-press:#9C6A12;
  --accent-bet-gradient:linear-gradient(135deg,#E7A93A,#C98A22);
  --text-on-accent:#241A06;

  --profit:#199768;
  --profit-text:#137A53;
  --profit-bg:rgba(25,151,104,.14);
  --loss:#C8341F;
  --loss-text:#B02A18;
  --loss-bg:rgba(200,52,31,.12);
  --info:#5C7079;
  --info-bg:rgba(92,112,121,.12);

  /* 墨青文字阶 (深字落白纸) */
  --text-strong:#13282E;
  --text-default:#2C4750;
  --text-muted:#566E76;
  --text-faint:#8A9AA0;

  --mult-t1:#6C7E83; --mult-t1-bg:rgba(108,126,131,.12);
  --mult-t2:#1E8A99; --mult-t2-bg:rgba(30,138,153,.12);
  --mult-t3:#B07E1E; --mult-t3-bg:rgba(176,126,30,.15);
  --mult-t4:#C8341F; --mult-t4-bg:rgba(200,52,31,.13);
  --mult-t4-trim:#C98A22;

  --el-1:0 1px 2px rgba(40,30,10,.10);
  --el-2:0 4px 14px rgba(40,30,10,.12);
  --el-3:0 14px 36px rgba(40,30,10,.16);
  --el-inner:inset 0 1px 0 rgba(255,255,255,.6);
}