/* ============================================================
   Social.Web — Design Tokens
   ============================================================
   主配色方案：深蓝黑 + 珊瑚橙（Plan 3）—— 信任 + 行动
   副配色：深紫黑 + 电光青（Plan 4）—— AI 引擎页专用，单独 override
   ============================================================ */

:root {
    /* --- 背景三层 --- */
    --bg-base:        #0b1120;          /* Deep Navy   - 全站底色 */
    --bg-elev-1:      #111827;          /* Dark Navy   - 卡片、区块 */
    --bg-elev-2:      #1e293b;          /* Elevated    - 悬浮卡片、表格斑马 */

    /* --- 主强调色 --- */
    --accent:         #ff6b6b;          /* Coral Orange */
    --accent-hover:   #f97316;          /* Orange Deep  */
    --accent-muted:   #7f1d1d;          /* Muted Coral  */
    --accent-glow:    rgba(255, 107, 107, .35);

    /* --- 辅强调（信任蓝，用于「隐私」徽章） --- */
    --info:           #38bdf8;
    --info-hover:     #0ea5e9;

    /* --- 文字三级 --- */
    --text:           #f8fafc;          /* White   */
    --text-muted:     #cbd5e1;          /* Blue Gray */
    --text-faint:     #64748b;          /* Slate */

    /* --- 玻璃态 --- */
    --bg-glass:       rgba(255, 255, 255, 0.03);
    --bg-glass-hover: rgba(255, 255, 255, 0.06);
    --border-glass:   rgba(255, 255, 255, 0.08);
    --border-glass-strong: rgba(255, 255, 255, 0.14);

    /* --- 形状 --- */
    --radius-sm: 4px;
    --radius:    8px;
    --radius-lg: 12px;
    --radius-xl: 20px;

    /* --- 阴影 --- */
    --shadow-sm: 0 1px 2px rgba(0,0,0,.3);
    --shadow:    0 4px 14px rgba(0,0,0,.35);
    --shadow-lg: 0 20px 50px rgba(0,0,0,.5);
    --shadow-glow: 0 0 32px var(--accent-glow);

    /* --- 字体 --- */
    --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
                 "PingFang SC", "Microsoft YaHei", Roboto, Helvetica, Arial,
                 sans-serif;
    --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo,
                 Consolas, "Liberation Mono", monospace;

    /* --- 间距 --- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-8: 48px;
    --space-10: 64px;
    --space-12: 96px;
    --space-16: 128px;

    /* --- 容器 --- */
    --container-max: 1400px;
    --container-pad: 32px;

    /* --- 缓动 --- */
    --ease: cubic-bezier(.4, 0, .2, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);

    /* --- 渐变 --- */
    --gradient-hero:  linear-gradient(135deg, #ff6b6b 0%, #f97316 50%, #ef4444 100%);
    --gradient-text:  linear-gradient(135deg, #ff6b6b 0%, #fbbf24 100%);
    --gradient-glass: linear-gradient(135deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.01) 100%);
}

/* --- AI 引擎页副配色 override --- */
[data-theme="ai"] {
    --bg-base:    #09090b;              /* Deep Purple */
    --bg-elev-1:  #18181b;              /* Dark Zinc   */
    --bg-elev-2:  #27272a;              /* Elevated    */
    --accent:     #06b6d4;              /* Electric Cyan */
    --accent-hover: #22d3ee;            /* Cyan Bright */
    --accent-muted: #155e75;            /* Deep Cyan */
    --accent-glow:  rgba(6, 182, 212, .35);
    --gradient-hero:  linear-gradient(135deg, #06b6d4 0%, #22d3ee 50%, #818cf8 100%);
    --gradient-text:  linear-gradient(135deg, #22d3ee 0%, #a78bfa 100%);
}