/* ============================================================
   Design Tokens（方案书 §11.2）· default 主题
   tokens.css 前后台共用同一份。
   ============================================================ */
:root {
    /* 色板：主色 雾蓝/青绿 */
    --color-primary: #4a90d9;          /* 雾蓝主色 */
    --color-primary-dark: #3a78b8;
    --color-primary-light: #7fb3e8;
    --color-teal: #2bb3a3;             /* 青绿辅助 */
    --color-teal-dark: #1f9a8c;

    /* 强调色：暖橙 */
    --color-accent: #f28c3c;
    --color-accent-dark: #d97428;

    /* 中性色 */
    --color-bg: #f5f8fc;
    --color-surface: #ffffff;
    --color-border: #dde4ec;
    --color-text: #22303e;
    --color-text-muted: #6b7a8a;
    --color-text-invert: #ffffff;

    /* 语义色 */
    --color-success: #2e9e5b;
    --color-warning: #e0a63c;
    --color-danger: #d9534f;

    /* 名次徽标（排行榜） */
    --color-rank-1: #f2c94c;
    --color-rank-2: #b8bfc7;
    --color-rank-3: #d98a5a;

    /* 间距体系：8px 基准 */
    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-5: 48px;

    /* 圆角 */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;

    /* 阴影（柔和层级） */
    --shadow-sm: 0 1px 3px rgba(34, 48, 62, .08);
    --shadow-md: 0 4px 12px rgba(34, 48, 62, .10);

    /* 动效节奏（§11.3） */
    --ease-fast: 100ms;
    --ease-base: 200ms;
    --ease-slow: 300ms;

    /* 触控热区（§11.3） */
    --touch-target: 44px;
}