/* ============================================
   杀不死进程君 · 嵌入式端侧AI学习平台
   设计令牌(Design Tokens) - 全站配色/间距统一管理
   修改这里 = 全站换肤
   ============================================ */

:root {
    /* ── 品牌主色:深空蓝 + 电光青 ── */
    --color-primary: #1e3a8a;          /* 深靛蓝 - 主色 */
    --color-primary-dark: #172554;     /* 更深的蓝 - hover/active */
    --color-primary-light: #3b5fc4;    /* 浅靛蓝 */
    --color-accent: #06b6d4;           /* 电光青 - 强调色 */
    --color-accent-dark: #0891b2;
    --color-accent-light: #67e8f9;

    /* ── 品牌渐变 ── */
    --gradient-brand: linear-gradient(135deg, #1e3a8a 0%, #06b6d4 100%);
    --gradient-brand-soft: linear-gradient(135deg, #1e3a8a 0%, #3b5fc4 50%, #06b6d4 100%);
    --gradient-hero: linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #0891b2 100%);
    --gradient-card-cover: linear-gradient(135deg, #1e3a8a 0%, #06b6d4 100%);

    /* ── 中性色(深色模式默认) ── */
    --color-bg: #0f172a;               /* 页面背景 - 深蓝黑 */
    --color-bg-elevated: #1e293b;      /* 卡片背景 */
    --color-bg-surface: #334155;       /* 次级表面 */
    --color-text: #f1f5f9;             /* 主文字 */
    --color-text-secondary: #cbd5e1;   /* 次文字 */
    --color-text-muted: #94a3b8;       /* 弱文字 */
    --color-border: #334155;           /* 边框 */
    --color-border-light: #1e293b;

    /* ── 状态色 ── */
    --color-success: #10b981;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;
    --color-info: #3b82f6;

    /* ── 代码块专用 ── */
    --color-code-bg: #0d1117;
    --color-code-text: #e6edf3;
    --color-code-border: #30363d;

    /* ── 间距系统(8px基准) ── */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;

    /* ── 圆角 ── */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;
    --radius-full: 9999px;

    /* ── 阴影 ── */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 20px rgba(6, 182, 212, 0.3);
    --shadow-brand: 0 8px 24px rgba(30, 58, 138, 0.4);

    /* ── 字体 ── */
    --font-sans: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', Consolas, Monaco, monospace;

    /* ── 过渡 ── */
    --transition-fast: 0.15s ease;
    --transition-base: 0.25s ease;
    --transition-slow: 0.4s ease;

    /* ── 布局尺寸 ── */
    --max-width: 1200px;
    --nav-height: 64px;
}

/* ── 浅色模式覆盖(预留切换能力) ── */
[data-theme="light"] {
    --color-bg: #f8fafc;
    --color-bg-elevated: #ffffff;
    --color-bg-surface: #f1f5f9;
    --color-text: #0f172a;
    --color-text-secondary: #475569;
    --color-text-muted: #94a3b8;
    --color-border: #e2e8f0;
    --color-border-light: #f1f5f9;
    --color-code-bg: #f6f8fa;
    --color-code-text: #24292e;
    --color-code-border: #d1d5db;
}