/**
 * 设计令牌 - Material Design 暗色主题
 * CSS 变量和设计系统（背景/文字/强调色/边框/阴影/圆角/间距/字号/动效/字体）
 */

:root {
    /* ===== 背景层次（Material Design Elevation）===== */
    --bg-primary: #121212;        /* 底层 / 页面背景 */
    --bg-paper: #1e1e1e;          /* 卡片 */
    --bg-card: #2d2d2d;           /* 容器 / 输入框 */
    --bg-elevated: #252525;       /* 悬浮层 / 弹窗 */
    --bg-overlay: rgba(18, 18, 18, 0.72);   /* 全局遮罩 */

    /* ===== 文字层次 ===== */
    --text-primary: #e0e0e0;      /* 主文字 - 与 #121212 对比度 12.6:1 ✓ */
    --text-secondary: #b0b0b0;    /* 次要文字 - 对比度 7.4:1 ✓ WCAG AAA */
    --text-muted: #808080;        /* 禁用 / 占位 */
    --text-on-accent: #121212;    /* 强调色上的反色文字 */

    /* ===== 强调色（Material Design A700）===== */
    --accent-primary: #cf6679;    /* 玫红 - 主操作/警示 */
    --accent-secondary: #03dac6;  /* 青绿 - 次要操作/链接 */
    --accent-warm: #ffb74d;       /* 琥珀 - 高亮/警告 */
    --accent-success: #4caf50;    /* 成功 - 绿 */
    --accent-info: #64b5f6;       /* 信息 - 蓝 */
    --accent-error: #cf6679;      /* 错误 - 玫红 */

    /* ===== 强调色柔和（半透明叠加）===== */
    --accent-primary-soft: rgba(207, 102, 121, 0.12);
    --accent-primary-glow: rgba(207, 102, 121, 0.28);
    --accent-secondary-soft: rgba(3, 218, 198, 0.12);
    --accent-secondary-glow: rgba(3, 218, 198, 0.28);
    --accent-warm-soft: rgba(255, 183, 77, 0.12);
    --accent-warm-glow: rgba(255, 183, 77, 0.28);
    --accent-info-soft: rgba(100, 181, 246, 0.12);

    /* ===== 边框 / 描边 ===== */
    --border-light: #333333;
    --border-medium: #444444;
    --border-strong: #555555;
    --border-glass: rgba(255, 255, 255, 0.08);
    --border-glass-strong: rgba(255, 255, 255, 0.14);

    /* ===== 阴影（Material 4 层 Elevation）===== */
    --shadow-soft: 0 2px 12px rgba(0, 0, 0, 0.32);
    --shadow-medium: 0 4px 24px rgba(0, 0, 0, 0.44);
    --shadow-strong: 0 8px 40px rgba(0, 0, 0, 0.56);
    --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    --shadow-focus: 0 0 0 3px rgba(3, 218, 198, 0.35);

    /* ===== 圆角 ===== */
    --radius-xs: 6px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-pill: 9999px;

    /* ===== 间距 ===== */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;

    /* ===== 字号 ===== */
    --fs-xs: 11px;
    --fs-sm: 13px;
    --fs-base: 14px;
    --fs-md: 15px;
    --fs-lg: 17px;
    --fs-xl: 20px;
    --fs-2xl: 24px;
    --fs-3xl: 32px;

    /* ===== 动效曲线 ===== */
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --duration-fast: 150ms;
    --duration-base: 240ms;
    --duration-slow: 360ms;

    /* ===== 字体 ===== */
    --font-sans: "Noto Sans SC", -apple-system, "PingFang SC",
                 "Microsoft YaHei", "Helvetica Neue", sans-serif;
    --font-serif: "Noto Serif SC", "Georgia", "STSong", serif;
    --font-mono: "DM Mono", "JetBrains Mono", "Cascadia Code",
                 "SF Mono", Consolas, "Courier New", monospace;
}