/* ============================================================
   金朵云官网 · Nova Glass 设计 Tokens（第 8 套 · 浅色 AI 科技风）
   体系：浅雾蓝紫画布 + 靛蓝紫签名 + 玻璃拟态 + 大圆角 + 光晕动效
   说明：继承 default 全部变量名契约（site/pages 底座依赖），
        本文件只做「值」的重定义与少量 nova 专有变量追加。
        注释内禁止出现星号紧跟斜杠，防止提前闭合吞掉规则。
   ============================================================ */

:root {
    /* ---- 品牌色阶（靛蓝紫 · AI 签名色） ---- */
    --brand-900: #1E1B4B;
    --brand-800: #312E81;
    --brand-700: #4338CA;
    --brand-600: #6366F1;   /* 主色 */
    --brand-500: #818CF8;
    --brand-300: #A5B4FC;
    --brand-100: #E0E7FF;
    --brand-50:  #EEF2FF;

    /* ---- 点缀色（青蓝，渐变尾） ---- */
    --accent-500: #22D3EE;
    --accent-100: #CFFAFE;

    /* ---- 中性色（冷灰蓝，浅色体系） ---- */
    --ink-900: #0F172A;     /* 标题 */
    --ink-700: #1E293B;
    --ink-600: #475569;     /* 正文 */
    --ink-400: #94A3B8;     /* 辅助 */
    --line-200: #E4E8F5;    /* 边框 */
    --line-100: #EEF0FA;    /* 分隔 */
    --bg-page: #F5F6FC;     /* 页面底（带一点蓝紫调） */
    --bg-white: #FFFFFF;

    /* ---- 功能色 ---- */
    --success: #16A34A;
    --warning: #D97706;
    --danger:  #DC2626;

    /* ---- 字体（本地系统栈，零 CDN 依赖） ---- */
    --font-sans: system-ui, -apple-system, "Segoe UI", "PingFang SC",
                 "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

    /* ---- 字号阶梯（同 default 契约） ---- */
    --fs-xs: 12px;
    --fs-sm: 14px;
    --fs-md: 16px;
    --fs-lg: 20px;
    --fs-xl: clamp(20px, 2.6vw, 24px);
    --fs-2xl: clamp(23px, 3.6vw, 32px);
    --fs-3xl: clamp(27px, 4.4vw, 40px);
    --fs-4xl: clamp(31px, 5.4vw, 48px);
    --fs-hero: clamp(40px, 5.6vw, 68px);

    /* ---- 间距（4px 基准） ---- */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;
    --sp-6: 32px;
    --sp-7: 48px;
    --sp-8: 64px;
    --sp-9: 96px;
    --sp-10: 128px;

    /* ---- 圆角（Nova 大圆角语言，明显区别于 default 12px） ---- */
    --r-sm: 12px;
    --r-md: 16px;
    --r-lg: 20px;
    --r-xl: 28px;

    /* ---- 阴影（靛蓝紫调柔影） ---- */
    --shadow-1: 0 1px 3px rgba(79, 70, 229, 0.06);
    --shadow-2: 0 8px 24px rgba(79, 70, 229, 0.10);
    --shadow-3: 0 24px 64px rgba(79, 70, 229, 0.16);

    /* ---- 布局 ---- */
    --container: 1200px;
    --header-h: 76px;

    /* ---- 首屏遮罩：Nova 首屏为浅色光晕构图，此组变量改义为
        「首屏光晕着色」，透明度对应光斑强度（随主题联动） ---- */
    --hero-o1: rgba(99, 102, 241, 0.20);
    --hero-o2: rgba(34, 211, 238, 0.14);
    --hero-o3: rgba(129, 140, 248, 0.16);
    --hero-o4: rgba(99, 102, 241, 0.08);

    /* ---- 首屏「深空极光」暗色大幕（hd = hero dark）：
        画布与中性值恒定，光晕 / 点阵 / 渐变标题随签名色联动（各主题块覆盖 --hd-glow / --hd-grid-dot / --hd-em-grad） ---- */
    --hd-canvas:
        radial-gradient(900px 520px at 78% 16%, var(--hd-glow-a), transparent 62%),
        radial-gradient(820px 560px at 12% 84%, var(--hd-glow-b), transparent 62%),
        radial-gradient(700px 420px at 50% 112%, var(--hd-glow-c), transparent 60%),
        linear-gradient(160deg, #0B1030 0%, #131A4A 48%, #1B1449 100%);
    --hd-glow-a: rgba(99, 102, 241, 0.55);
    --hd-glow-b: rgba(34, 211, 238, 0.46);
    --hd-glow-c: rgba(236, 72, 153, 0.24);
    --hd-grid-dot: rgba(165, 180, 252, 0.30);
    --hd-em-grad: linear-gradient(100deg, #A5B4FC 0%, #67E8F9 55%, #F0ABFC 100%);
    --hd-sub: rgba(214, 220, 245, 0.85);
    --hd-note: rgba(199, 210, 254, 0.88);

    /* ---- 动效 ---- */
    --ease: cubic-bezier(0.4, 0, 0.2, 1);
    --dur: 0.3s;

    /* ---- Nova 专有：玻璃拟态与光晕 ---- */
    --ng-glass: rgba(255, 255, 255, 0.66);
    --ng-glass-strong: rgba(255, 255, 255, 0.82);
    --ng-glass-line: rgba(255, 255, 255, 0.75);
    --ng-ink-line: rgba(15, 23, 42, 0.08);
    --ng-grad: linear-gradient(100deg, #6366F1 0%, #8B5CF6 45%, #22D3EE 100%);
    --ng-grad-soft: linear-gradient(120deg, rgba(99,102,241,.12), rgba(139,92,246,.10) 45%, rgba(34,211,238,.12));
    --ng-grid-dot: rgba(79, 70, 229, 0.16);
    --ng-ring: rgba(99, 102, 241, 0.35);
}

/* ============================================================
   全局主题配色（后台切换 site_config.theme_color → html[data-theme]）
   每块只重映射品牌色阶 / 点缀色 / 首屏光晕 / nova 渐变，
   画布明度与文字阶全部不动，保证浅色体系下可读性一致。
   ============================================================ */

/* ---- indigo 靛蓝紫（签名 = :root 本身），无需覆盖块 ---- */

/* ---- blue 晴空蓝：经典科技 ---- */
[data-theme="blue"] {
    --brand-900: #0C2340;
    --brand-800: #123B6D;
    --brand-700: #17509E;
    --brand-600: #2563EB;   /* 主色 */
    --brand-500: #3B82F6;
    --brand-300: #93C5FD;
    --brand-100: #DBEAFE;
    --brand-50:  #EFF6FF;
    --accent-500: #06B6D4;
    --accent-100: #CFFAFE;
    --hero-o1: rgba(37, 99, 235, 0.18);
    --hero-o2: rgba(6, 182, 212, 0.13);
    --hero-o3: rgba(59, 130, 246, 0.15);
    --hero-o4: rgba(37, 99, 235, 0.07);
    --ng-grad: linear-gradient(100deg, #2563EB 0%, #0EA5E9 50%, #22D3EE 100%);
    --ng-grad-soft: linear-gradient(120deg, rgba(37,99,235,.12), rgba(14,165,233,.10) 45%, rgba(34,211,238,.12));
    --ng-ring: rgba(37, 99, 235, 0.35);
    --ng-grid-dot: rgba(37, 99, 235, 0.15);
    --hd-glow-a: rgba(37, 99, 235, 0.52);
    --hd-glow-b: rgba(6, 182, 212, 0.42);
    --hd-glow-c: rgba(59, 130, 246, 0.24);
    --hd-grid-dot: rgba(147, 197, 253, 0.30);
    --hd-em-grad: linear-gradient(100deg, #93C5FD 0%, #67E8F9 55%, #A5F3FC 100%);
}

/* ---- emerald 翡翠：生机科技 ---- */
[data-theme="emerald"] {
    --brand-900: #064E3B;
    --brand-800: #065F46;
    --brand-700: #047857;
    --brand-600: #10B981;   /* 主色 */
    --brand-500: #34D399;
    --brand-300: #6EE7B7;
    --brand-100: #D1FAE5;
    --brand-50:  #ECFDF5;
    --accent-500: #2DD4BF;
    --accent-100: #CCFBF1;
    --hero-o1: rgba(16, 185, 129, 0.17);
    --hero-o2: rgba(45, 212, 191, 0.13);
    --hero-o3: rgba(52, 211, 153, 0.14);
    --hero-o4: rgba(16, 185, 129, 0.07);
    --ng-grad: linear-gradient(100deg, #10B981 0%, #14B8A6 50%, #22D3EE 100%);
    --ng-grad-soft: linear-gradient(120deg, rgba(16,185,129,.12), rgba(20,184,166,.10) 45%, rgba(34,211,238,.12));
    --ng-ring: rgba(16, 185, 129, 0.35);
    --ng-grid-dot: rgba(16, 185, 129, 0.15);
    --hd-glow-a: rgba(16, 185, 129, 0.50);
    --hd-glow-b: rgba(45, 212, 191, 0.42);
    --hd-glow-c: rgba(52, 211, 153, 0.22);
    --hd-grid-dot: rgba(110, 231, 183, 0.30);
    --hd-em-grad: linear-gradient(100deg, #6EE7B7 0%, #67E8F9 55%, #5EEAD4 100%);
}

/* ---- gold 曜金：暖调科技 ---- */
[data-theme="gold"] {
    --brand-900: #45240A;
    --brand-800: #713412;
    --brand-700: #9A4A14;
    --brand-600: #D97706;   /* 主色 */
    --brand-500: #F59E0B;
    --brand-300: #FCD34D;
    --brand-100: #FEF3C7;
    --brand-50:  #FFFBEB;
    --accent-500: #F97316;
    --accent-100: #FFEDD5;
    --hero-o1: rgba(217, 119, 6, 0.16);
    --hero-o2: rgba(249, 115, 22, 0.12);
    --hero-o3: rgba(245, 158, 11, 0.14);
    --hero-o4: rgba(217, 119, 6, 0.06);
    --ng-grad: linear-gradient(100deg, #D97706 0%, #F59E0B 45%, #F97316 100%);
    --ng-grad-soft: linear-gradient(120deg, rgba(217,119,6,.12), rgba(245,158,11,.10) 45%, rgba(249,115,22,.12));
    --ng-ring: rgba(217, 119, 6, 0.32);
    --ng-grid-dot: rgba(217, 119, 6, 0.15);
    --hd-glow-a: rgba(217, 119, 6, 0.52);
    --hd-glow-b: rgba(249, 115, 22, 0.40);
    --hd-glow-c: rgba(245, 158, 11, 0.22);
    --hd-grid-dot: rgba(252, 211, 77, 0.30);
    --hd-em-grad: linear-gradient(100deg, #FCD34D 0%, #FB923C 55%, #F9A8D4 100%);
}

/* ---- wine 绯红：热忱科技 ---- */
[data-theme="wine"] {
    --brand-900: #4C0519;
    --brand-800: #881337;
    --brand-700: #9F1239;
    --brand-600: #E11D48;   /* 主色 */
    --brand-500: #FB7185;
    --brand-300: #FDA4AF;
    --brand-100: #FFE4E6;
    --brand-50:  #FFF1F2;
    --accent-500: #F472B6;
    --accent-100: #FCE7F3;
    --hero-o1: rgba(225, 29, 72, 0.15);
    --hero-o2: rgba(244, 114, 182, 0.12);
    --hero-o3: rgba(251, 113, 133, 0.13);
    --hero-o4: rgba(225, 29, 72, 0.06);
    --ng-grad: linear-gradient(100deg, #E11D48 0%, #DB2777 50%, #F472B6 100%);
    --ng-grad-soft: linear-gradient(120deg, rgba(225,29,72,.12), rgba(219,39,119,.10) 45%, rgba(244,114,182,.12));
    --ng-ring: rgba(225, 29, 72, 0.32);
    --ng-grid-dot: rgba(225, 29, 72, 0.14);
    --hd-glow-a: rgba(225, 29, 72, 0.50);
    --hd-glow-b: rgba(244, 114, 182, 0.40);
    --hd-glow-c: rgba(219, 39, 119, 0.22);
    --hd-grid-dot: rgba(253, 164, 175, 0.30);
    --hd-em-grad: linear-gradient(100deg, #FDA4AF 0%, #F0ABFC 55%, #F9A8D4 100%);
}

/* ---- coral 赤橙：活力科技 ---- */
[data-theme="coral"] {
    --brand-900: #431407;
    --brand-800: #7C2D12;
    --brand-700: #9A3412;
    --brand-600: #EA580C;   /* 主色 */
    --brand-500: #FB923C;
    --brand-300: #FDBA74;
    --brand-100: #FFEDD5;
    --brand-50:  #FFF7ED;
    --accent-500: #F59E0B;
    --accent-100: #FEF3C7;
    --hero-o1: rgba(234, 88, 12, 0.15);
    --hero-o2: rgba(251, 146, 60, 0.12);
    --hero-o3: rgba(249, 115, 22, 0.13);
    --hero-o4: rgba(234, 88, 12, 0.06);
    --ng-grad: linear-gradient(100deg, #EA580C 0%, #F97316 50%, #F59E0B 100%);
    --ng-grad-soft: linear-gradient(120deg, rgba(234,88,12,.12), rgba(249,115,22,.10) 45%, rgba(245,158,11,.12));
    --ng-ring: rgba(234, 88, 12, 0.32);
    --ng-grid-dot: rgba(234, 88, 12, 0.14);
    --hd-glow-a: rgba(234, 88, 12, 0.50);
    --hd-glow-b: rgba(245, 158, 11, 0.40);
    --hd-glow-c: rgba(251, 146, 60, 0.22);
    --hd-grid-dot: rgba(253, 186, 116, 0.30);
    --hd-em-grad: linear-gradient(100deg, #FDBA74 0%, #FCD34D 55%, #F9A8D4 100%);
}

/* ---- aurora 极光紫：梦幻科技 ---- */
[data-theme="aurora"] {
    --brand-900: #2E1065;
    --brand-800: #4C1D95;
    --brand-700: #6D28D9;
    --brand-600: #8B5CF6;   /* 主色 */
    --brand-500: #A78BFA;
    --brand-300: #C4B5FD;
    --brand-100: #EDE9FE;
    --brand-50:  #F5F3FF;
    --accent-500: #EC4899;
    --accent-100: #FCE7F3;
    --hero-o1: rgba(139, 92, 246, 0.17);
    --hero-o2: rgba(236, 72, 153, 0.11);
    --hero-o3: rgba(167, 139, 250, 0.14);
    --hero-o4: rgba(139, 92, 246, 0.07);
    --ng-grad: linear-gradient(100deg, #8B5CF6 0%, #D946EF 50%, #EC4899 100%);
    --ng-grad-soft: linear-gradient(120deg, rgba(139,92,246,.13), rgba(217,70,239,.10) 45%, rgba(236,72,153,.12));
    --ng-ring: rgba(139, 92, 246, 0.35);
    --ng-grid-dot: rgba(139, 92, 246, 0.15);
    --hd-glow-a: rgba(139, 92, 246, 0.55);
    --hd-glow-b: rgba(236, 72, 153, 0.42);
    --hd-glow-c: rgba(167, 139, 250, 0.24);
    --hd-grid-dot: rgba(196, 181, 253, 0.30);
    --hd-em-grad: linear-gradient(100deg, #C4B5FD 0%, #F0ABFC 55%, #67E8F9 100%);
}

/* ---- mint 薄荷：清凉科技 ---- */
[data-theme="mint"] {
    --brand-900: #134E4A;
    --brand-800: #115E59;
    --brand-700: #0F766E;
    --brand-600: #14B8A6;   /* 主色 */
    --brand-500: #2DD4BF;
    --brand-300: #5EEAD4;
    --brand-100: #CCFBF1;
    --brand-50:  #F0FDFA;
    --accent-500: #0EA5E9;
    --accent-100: #E0F2FE;
    --hero-o1: rgba(20, 184, 166, 0.17);
    --hero-o2: rgba(14, 165, 233, 0.12);
    --hero-o3: rgba(45, 212, 191, 0.14);
    --hero-o4: rgba(20, 184, 166, 0.07);
    --ng-grad: linear-gradient(100deg, #14B8A6 0%, #06B6D4 50%, #0EA5E9 100%);
    --ng-grad-soft: linear-gradient(120deg, rgba(20,184,166,.12), rgba(6,182,212,.10) 45%, rgba(14,165,233,.12));
    --ng-ring: rgba(20, 184, 166, 0.35);
    --ng-grid-dot: rgba(20, 184, 166, 0.15);
    --hd-glow-a: rgba(20, 184, 166, 0.50);
    --hd-glow-b: rgba(14, 165, 233, 0.40);
    --hd-glow-c: rgba(45, 212, 191, 0.22);
    --hd-grid-dot: rgba(94, 234, 212, 0.30);
    --hd-em-grad: linear-gradient(100deg, #5EEAD4 0%, #67E8F9 55%, #93C5FD 100%);
}