/* ============================================================
   tokens.css — HSPCB 共享设计令牌（CSS变量）
   三套CSS共享的变量定义，确保视觉色系统一
   使用方式: @import url('tokens.css'); 在各CSS文件顶部
   ============================================================ */

:root {
    /* 主色调 */
    --primary: #4f6ef6;
    --primary-light: #7b93fa;
    --primary-dark: #3a56d4;

    /* 辅助色 */
    --secondary: #6c757d;
    --accent: #f59e0b;
    --danger: #ef4444;
    --success: #10b981;

    /* 学科主题色 */
    --physics: #3b82f6;
    --chemistry: #10b981;
    --biology: #f59e0b;
    --exam: #ef4444;
    --platform: #8b5cf6;
    --chinese: #ec4899;
    --math: #3b82f6;

    /* 背景色 */
    --bg-primary: #f8fafc;
    --bg-secondary: #f1f5f9;
    --bg-card: #ffffff;
    --bg-dark: #0f172a;

    /* 文字色 */
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-light: #94a3b8;
    --text-white: #ffffff;

    /* 边框色 */
    --border-light: #e2e8f0;
    --border-medium: #cbd5e1;

    /* 间距 */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;

    /* 圆角 */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-full: 9999px;

    /* 字体 */
    --font-sans: "Microsoft YaHei", "PingFang SC", -apple-system, sans-serif;
    --font-mono: "Consolas", "Courier New", monospace;

    /* 阴影 */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);

    /* 演示页主色(presentation/promo 深色主题专用,与浅色主题 --primary 区分) */
    --pres-primary: #667eea;
    --pres-primary-dark: #764ba2;
}

/* 暗黑模式变量覆盖 */
[data-theme="dark"] {
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-card: #1e293b;
    --text-primary: #e2e8f0;
    --text-secondary: #94a3b8;
    --border-light: #334155;
    --border-medium: #475569;
    --primary: var(--primary-light);
}