/**
 * design-tokens.css — 设计令牌单一权威源（宪法 docs/rules/frontend-architecture.md §四）
 *
 * 新样式一律引用本文件变量，禁止散落硬编码色值/字号/间距。
 * 存量样式改到哪迁到哪（optimization-plan Phase 2）；迁移完成前本文件与存量
 * 硬编码值保持等值，不改变现有视觉。
 *
 * 命名：--agu-{类别}-{变体}
 */
:root {
    /* ===== 品牌色（来源：header.php/style.css 高频值） ===== */
    --agu-primary: #FF7324;          /* 主品牌橙（header 15 处） */
    --agu-primary-hover: #e05a1a;    /* 悬停/激活深橙 */
    --agu-primary-light: #fff8f3;    /* 品牌浅背景 */
    --agu-primary-grad: #ff8d4d;     /* 渐变辅色 */
    --agu-on-primary: #fff;          /* 品牌色上的前景 */

    /* ===== 功能色 ===== */
    --agu-success: #28a745;
    --agu-danger: #f53b57;
    --agu-warning: #ff9800;
    --agu-link: #2f80ed;             /* 站内链接蓝 */
    --agu-chart-primary: #1a73e8;    /* ECharts 主线（chart.js 同值） */

    /* ===== 文字 ===== */
    --agu-text: #333;
    --agu-text-secondary: #666;
    --agu-text-muted: #999;

    /* ===== 边框与分隔 ===== */
    --agu-border: #ddd;
    --agu-divider: #f0f0f0;
    --agu-divider-soft: #f5f5f5;

    /* ===== 背景 ===== */
    --agu-bg: #f7f7f7;               /* 页面底 */
    --agu-bg-card: #fff;             /* 卡片 */
    --agu-bg-soft: #f8f9fa;          /* 次级区块 */

    /* ===== 字号 ===== */
    --agu-font-xs: 12px;
    --agu-font-sm: 13px;
    --agu-font-md: 14px;             /* 正文默认 */
    --agu-font-lg: 16px;
    --agu-font-xl: 20px;
    --agu-font-xxl: 28px;

    /* ===== 间距（4px 基线） ===== */
    --agu-space-xs: 4px;
    --agu-space-sm: 8px;
    --agu-space-md: 16px;
    --agu-space-lg: 24px;
    --agu-space-xl: 32px;

    /* ===== 圆角 ===== */
    --agu-radius: 4px;
    --agu-radius-lg: 8px;
    --agu-radius-pill: 999px;
}