/*
 * 设计令牌（前端 / 后台共用）
 * 只放变量，不放具体规则；改这里即可统一两端配色。
 */
:root {
    /* 背景与边框 */
    --bg-page: #f7f8fa;
    --bg-panel: #ffffff;
    --bg-subtle: #f3f4f6;
    --border-color: #e3e6ec;
    --border-strong: #d1d5db;

    /* 文字 */
    --text-primary: #1f2329;
    --text-secondary: #6b7280;
    --text-muted: #888780;
    --text-inverse: #ffffff;

    /* 品牌与状态 */
    --brand: #2563eb;
    --brand-soft: #eef2ff;
    --success: #0f6e56;
    --warning: #854f0b;
    --danger: #a32d2d;

    /* 圆角 */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-pill: 999px;

    /* 间距（4px 基准） */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;

    /* 布局 */
    --shell-width: 1080px;
    --shell-gutter: 20px;

    /* ---------- 后台框架（仅 admin 使用，前端不引用） ---------- */
    --admin-canvas: #f5f6f8;      /* 内容区底色 */
    --admin-surface: #ffffff;     /* 卡片/侧栏/顶栏底色 */
    --admin-line: #e7e9ee;        /* 分隔线、卡片描边 */
    --admin-ink: #0f172a;         /* 深色品牌区（登录左侧、侧栏标识） */
    --admin-sidebar-w: 248px;
    --admin-topbar-h: 64px;
    --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
    --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.07), 0 1px 2px rgba(16, 24, 40, 0.04);
    --shadow-md: 0 12px 32px rgba(15, 23, 42, 0.12);
    --radius-lg: 12px;

    /* 字体 */
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --font-mono: Consolas, 'SFMono-Regular', 'Menlo', monospace;
}