/* ═══════════════════════════════════════════════════════════
   ScienceCalc Design Tokens v1.0 — 全站唯一真值源
   方向：深空实验室 · 荧光青单色下注
   规则：任何页面禁止写死这些值，一律引用本表
   ═══════════════════════════════════════════════════════════ */
:root{
  /* —— 底色与表面 —— */
  --bg:#0a0e18;
  --bg2:#0d1220;
  --surface:rgba(19,26,42,.72);
  --surface-solid:#131a2a;
  --field:rgba(10,14,24,.7);

  /* —— 线与描边 —— */
  --line:rgba(120,170,255,.14);
  --line2:rgba(120,170,255,.28);

  /* —— 文字三级 —— */
  --ink:#e8eef8;
  --muted:#8fa0bc;
  --dim:#6e7f98;

  /* —— 荧光青：全站唯一强调色 —— */
  --acc:#22d3ee;
  --acc-glow:rgba(34,211,238,.32);
  --acc-soft:rgba(34,211,238,.10);
  --acc2:#828fff;              /* 渐变辅助（仅与 --acc 组成渐变文字） */
  --ok:#3dd68c;                /* 语义状态：正常 */

  /* —— 字体族 —— */
  --sans:"Archivo",-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;
  --mono:ui-monospace,'Cascadia Mono','JetBrains Mono',Consolas,monospace;

  /* —— 圆角（全站仅两档） —— */
  --radius:14px;               /* 面板/卡片 */
  --radius-btn:9px;            /* 按钮/输入框 */

  /* —— 间距阶梯（8pt 派生） —— */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-6:24px; --sp-8:32px; --sp-12:48px; --sp-16:64px; --sp-24:96px;

  /* —— 发光与投影 —— */
  --glow-sm:0 0 18px rgba(34,211,238,.12);
  --glow-md:0 4px 28px rgba(34,211,238,.32);
  --glow-text:0 0 22px rgba(34,211,238,.32);
  --shadow-panel:0 24px 70px -20px rgba(0,0,0,.6);

  /* —— 动效三档（≤300ms，只动 transform/opacity） —— */
  --t-fast:120ms ease; --t-mid:200ms ease; --t-slow:300ms ease;
}


/* ═══ 亮色主题（data-theme="light" 时生效） ═══ */
[data-theme="light"]{
  --bg:#f5f7fa;
  --bg2:#eef1f6;
  --surface:rgba(255,255,255,.9);
  --surface-solid:#ffffff;
  --field:#ffffff;

  --line:rgba(20,40,80,.12);
  --line2:rgba(20,40,80,.22);

  --ink:#1a2436;
  --muted:#4a5a74;
  --dim:#7d8ca3;

  --acc:#0891b2;              /* 荧光青的亮色系版本（深一点才压得住白底） */
  --acc-glow:rgba(8,145,178,.25);
  --acc-soft:rgba(8,145,178,.08);
  --acc2:#5a6bff;
  --ok:#16a34a;

  --glow-sm:0 0 18px rgba(8,145,178,.12);
  --glow-md:0 4px 24px rgba(8,145,178,.28);
  --glow-text:0 0 18px rgba(8,145,238,.25);
  --shadow-panel:0 16px 50px -16px rgba(20,40,80,.18);
}