/* v0.6 design tokens: clean SaaS skeleton, modern glass/gradient layer. */
:root{
  --bg:#f6f7fb;--bg-elev:#ffffff;--bg-glass:rgba(255,255,255,.72);--ink:#10132b;--ink-2:#4a5071;--ink-3:#656b8b;
  --line:rgba(16,19,43,.10);--line-strong:rgba(16,19,43,.18);
  --accent:#4f46e5;--accent-ink:#ffffff;--accent-soft:rgba(79,70,229,.10);
  --grad-a:#4f46e5;--grad-b:#0e7490;--grad-c:#7c3aed;
  --grad:linear-gradient(120deg,var(--grad-a),var(--grad-c) 55%,var(--grad-b));
  --grad-btn:linear-gradient(120deg,#4f46e5,#7c3aed 55%,#0e7490);
  --grade-a:#047857;--grade-a-bg:rgba(16,185,129,.16);
  --grade-b:#1d4ed8;--grade-b-bg:rgba(59,130,246,.15);
  --grade-c:#92400e;--grade-c-bg:rgba(245,158,11,.20);
  --danger:#b91c1c;--danger-bg:rgba(239,68,68,.10);
  --shadow-sm:0 1px 2px rgba(16,19,43,.06),0 1px 3px rgba(16,19,43,.06);
  --shadow-md:0 8px 24px -8px rgba(16,19,43,.16);
  --shadow-lg:0 24px 60px -16px rgba(16,19,43,.28);
  --glow:0 0 0 1px rgba(99,102,241,.35),0 8px 28px -6px rgba(99,102,241,.55);
  --r-sm:8px;--r-md:14px;--r-lg:20px;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --motion:.18s;--ease:ease-out;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0b0d1a;--bg-elev:#141731;--bg-glass:rgba(24,28,60,.62);--ink:#eef0ff;--ink-2:#b6bbdd;--ink-3:#8f95bd;
    --line:rgba(190,198,255,.12);--line-strong:rgba(190,198,255,.24);
    --accent:#818cf8;--accent-ink:#0b0d1a;--accent-soft:rgba(129,140,248,.16);
    --grade-a:#6ee7b7;--grade-a-bg:rgba(16,185,129,.22);--grade-b:#93c5fd;--grade-b-bg:rgba(59,130,246,.24);--grade-c:#fcd34d;--grade-c-bg:rgba(245,158,11,.22);
    --danger:#fca5a5;--danger-bg:rgba(239,68,68,.16);
    --shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 10px 30px -10px rgba(0,0,0,.6);--shadow-lg:0 30px 70px -18px rgba(0,0,0,.75);
    --glow:0 0 0 1px rgba(129,140,248,.5),0 8px 30px -4px rgba(129,140,248,.6);
    --grad-a:#818cf8;--grad-b:#22d3ee;--grad-c:#c084fc;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0b0d1a;--bg-elev:#141731;--bg-glass:rgba(24,28,60,.62);--ink:#eef0ff;--ink-2:#b6bbdd;--ink-3:#8f95bd;
  --line:rgba(190,198,255,.12);--line-strong:rgba(190,198,255,.24);
  --accent:#818cf8;--accent-ink:#0b0d1a;--accent-soft:rgba(129,140,248,.16);
  --grade-a:#6ee7b7;--grade-a-bg:rgba(16,185,129,.22);--grade-b:#93c5fd;--grade-b-bg:rgba(59,130,246,.24);--grade-c:#fcd34d;--grade-c-bg:rgba(245,158,11,.22);
  --danger:#fca5a5;--danger-bg:rgba(239,68,68,.16);
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 10px 30px -10px rgba(0,0,0,.6);--shadow-lg:0 30px 70px -18px rgba(0,0,0,.75);
  --glow:0 0 0 1px rgba(129,140,248,.5),0 8px 30px -4px rgba(129,140,248,.6);
  --grad-a:#818cf8;--grad-b:#22d3ee;--grad-c:#c084fc;
  color-scheme:dark;
}
@media (prefers-reduced-motion: reduce){
  :root{--motion:0s}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}