/* ============================================================
   ExoMind Design Tokens — 全站唯一真相源 · ai-as.cc 紫蓝渐变风
   ------------------------------------------------------------
   - base.css(SSR 16 页)与 landing.css(营销页)均 @import 本文件
   - 变量名向后兼容:现有页面用的 --accent/--card/--border 等别名
     指向新紫蓝色板,故 16 个 SSR 页面无需逐页改 CSS 即自动换肤
   - 改色板/间距/圆角只改这一处
   ============================================================ */

/* ---------- Purple（紫蓝深,默认）---------- */
:root,[data-theme="purple"]{
  /* 基础画布(略加深,衬托紫蓝渐变) */
  --bg-canvas:#0a0c12; --bg-canvas-subtle:#11141d; --bg-canvas-inset:#06080d;
  --border-default:#232a3a; --border-muted:#1a2030;
  --fg-default:#e6e9f0; --fg-muted:#98a2b6; --fg-subtle:#6a7388; --fg-on-emphasis:#ffffff;
  /* 主色:紫蓝(indigo→violet,替代 GitHub 蓝) */
  --accent-fg:#8b9dff; --accent-emphasis:#6366f1; --accent-subtle:rgba(99,102,241,.16);
  /* 语义色 */
  --success-fg:#3fb950; --success-subtle:rgba(46,160,67,.15);
  --attention-fg:#e0a83a; --attention-subtle:rgba(187,128,9,.15);
  --danger-fg:#f87171; --danger-subtle:rgba(248,81,73,.15);
  --done-fg:#a78bfa; --done-subtle:rgba(163,113,247,.15);
  /* ai-as.cc 风专属:渐变 / 光晕 / 玻璃拟态 */
  --grad-accent:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);
  --grad-accent-soft:linear-gradient(135deg,rgba(99,102,241,.18),rgba(139,92,246,.10));
  --grad-hero:radial-gradient(60% 60% at 50% 0%,rgba(99,102,241,.22),transparent 70%);
  --grad-brand-glow:radial-gradient(40% 60% at 30% 30%,rgba(139,92,246,.35),transparent 70%);
  --shadow-glow:0 0 40px rgba(99,102,241,.30);
  --shadow-glow-strong:0 0 60px rgba(139,92,246,.40);
  --bg-glass:rgba(17,20,29,.60);
  --border-glass:rgba(255,255,255,.08);
  --blur-glass:blur(12px);
}
/* ---------- Light ---------- */
[data-theme="light"]{
  --bg-canvas:#ffffff; --bg-canvas-subtle:#f6f7fb; --bg-canvas-inset:#f1f3f9;
  --border-default:#d8dde8; --border-muted:#e3e7f0;
  --fg-default:#1a1d29; --fg-muted:#5a6478; --fg-subtle:#6e7681; --fg-on-emphasis:#ffffff;
  --accent-fg:#6366f1; --accent-emphasis:#6366f1; --accent-subtle:#eceeff;
  --success-fg:#1a7f37; --success-subtle:#dafbe1;
  --attention-fg:#9a6700; --attention-subtle:#fff8c5;
  --danger-fg:#cf222e; --danger-subtle:#ffebe9;
  --done-fg:#8250df; --done-subtle:#fbefff;
  /* 浅色下渐变/glow 减弱,保持清爽 */
  --grad-accent:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);
  --grad-accent-soft:linear-gradient(135deg,rgba(99,102,241,.10),rgba(139,92,246,.06));
  --grad-hero:radial-gradient(60% 60% at 50% 0%,rgba(99,102,241,.12),transparent 70%);
  --grad-brand-glow:radial-gradient(40% 60% at 30% 30%,rgba(139,92,246,.18),transparent 70%);
  --shadow-glow:0 8px 30px rgba(99,102,241,.18);
  --shadow-glow-strong:0 12px 40px rgba(139,92,246,.22);
  --bg-glass:rgba(255,255,255,.70);
  --border-glass:rgba(0,0,0,.08);
  --blur-glass:blur(12px);
}
/* ---------- Dark（纯黑）---------- */
[data-theme="dark"]{
  --bg-canvas:#000000; --bg-canvas-subtle:#0a0a0a; --bg-canvas-inset:#000000;
  --border-default:#1f1f1f; --border-muted:#141414;
  --fg-default:#e8e8e8; --fg-muted:#909090; --fg-subtle:#5a5a5a; --fg-on-emphasis:#ffffff;
  --accent-fg:#8b9dff; --accent-emphasis:#6366f1; --accent-subtle:rgba(99,102,241,.16);
  --success-fg:#3fb950; --success-subtle:rgba(46,160,67,.15);
  --attention-fg:#e0a83a; --attention-subtle:rgba(187,128,9,.15);
  --danger-fg:#f87171; --danger-subtle:rgba(248,81,73,.15);
  --done-fg:#a78bfa; --done-subtle:rgba(163,113,247,.15);
  --grad-accent:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);
  --grad-accent-soft:linear-gradient(135deg,rgba(99,102,241,.18),rgba(139,92,246,.10));
  --grad-hero:radial-gradient(60% 60% at 50% 0%,rgba(99,102,241,.22),transparent 70%);
  --grad-brand-glow:radial-gradient(40% 60% at 30% 30%,rgba(139,92,246,.35),transparent 70%);
  --shadow-glow:0 0 40px rgba(99,102,241,.30);
  --shadow-glow-strong:0 0 60px rgba(139,92,246,.40);
  --bg-glass:rgba(0,0,0,.60);
  --border-glass:rgba(255,255,255,.08);
  --blur-glass:blur(12px);
}

/* ---------- Token(主题无关)---------- */
:root{
  /* 字体 */
  --font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans',Helvetica,Arial,sans-serif;
  --font-mono:ui-monospace,'SFMono-Regular','SF Mono',Menlo,Consolas,'Liberation Mono',monospace;
  /* 字号阶梯 */
  --fs-xs:12px; --fs-sm:13px; --fs-base:14px; --fs-md:15px; --fs-lg:16px;
  --fs-xl:18px; --fs-2xl:20px; --fs-3xl:24px; --fs-4xl:32px; --fs-5xl:44px;
  /* 行高 */
  --lh-tight:1.3; --lh:1.5; --lh-loose:1.625;
  /* 间距(4px 网格) */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-7:32px; --s-8:40px; --s-9:56px;
  /* 圆角 */
  --r-sm:4px; --r:6px; --r-md:8px; --r-lg:12px; --r-xl:16px; --r-full:9999px;
  /* 阴影 */
  --shadow-md:0 8px 24px rgba(1,4,9,.5);
  /* 布局宽度 */
  --container-width:1200px; --content-width:760px;
  /* 兼容别名(其他页面旧 css 不破) */
  --bg:var(--bg-canvas); --card:var(--bg-canvas-subtle); --bg-2:var(--bg-canvas-subtle);
  --border:var(--border-default); --border-strong:var(--border-default);
  --text:var(--fg-default); --dim:var(--fg-muted); --faint:var(--fg-subtle);
  --accent:var(--accent-fg); --accent2:var(--accent-fg); --accent-soft:var(--accent-subtle);
  --green:var(--success-fg); --yellow:var(--attention-fg); --red:var(--danger-fg);
}