/*
 * MinDoc 统一设计令牌 (Design Tokens)
 * 合并 --tech-* 和 --md-* 为单一 --md-* 体系
 * 加载顺序：在 main.css 之后、tech-theme.css 之前加载
 */

:root {
    /* === 颜色令牌 === */
    --md-primary: #2563eb;
    --md-primary-hover: #3b82f6;
    --md-primary-active: #1d4ed8;
    --md-primary-rgb: 37, 99, 235;
    --md-success: #52c41a;
    --md-danger: #ff4d4f;
    --md-warning: #faad14;
    --md-text: #1f2329;
    --md-text-secondary: #646a73;
    --md-text-muted: #8f959e;
    --md-border: #e8eaed;
    --md-border-light: #eff1f4;
    --md-divider: #f2f3f5;
    --md-bg: #f8fafc;
    --md-bg-card: #ffffff;
    --md-bg-subtle: #fafbfc;
    --md-bg-secondary: #f2f3f5;

    /* === 主色派生令牌（浅色底、焦点环，随主色自动联动） === */
    --md-primary-soft: rgba(var(--md-primary-rgb), .08);
    --md-primary-softer: rgba(var(--md-primary-rgb), .05);
    --md-focus-ring: 0 0 0 3px rgba(var(--md-primary-rgb), .12);

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

    /* === 圆角令牌 === */
    --md-radius-sm: 6px;
    --md-radius: 12px;
    --md-radius-lg: 12px;
    --md-radius-xl: 16px;

    /* === 阴影令牌（多层低透明度，避免生硬投影） === */
    --md-shadow-sm: 0 1px 2px rgba(30, 41, 59, .04);
    --md-shadow: 0 1px 2px rgba(30, 41, 59, .03), 0 2px 8px rgba(30, 41, 59, .04);
    --md-shadow-hover: 0 2px 6px rgba(30, 41, 59, .05), 0 8px 24px rgba(30, 41, 59, .08);
    --md-shadow-lg: 0 4px 12px rgba(30, 41, 59, .06), 0 12px 32px rgba(30, 41, 59, .1);

    /* === 字体令牌 === */
    --md-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --md-font-mono: 'Fira Code', 'Consolas', monospace;

    /* === 过渡令牌 === */
    --md-transition-fast: 0.15s ease;
    --md-transition-base: 0.2s ease;
    --md-transition-slow: 0.3s ease;

    color-scheme: light;
}

/* === 暗色模式变量覆盖 === */
html[data-theme="dark"] {
    --md-text: #e6e8ea;
    --md-text-secondary: #9aa0a6;
    --md-text-muted: #6b7280;
    --md-border: #3a3d42;
    --md-border-light: #2e3136;
    --md-divider: #2e3136;
    --md-bg: #17181c;
    --md-bg-card: #202126;
    --md-bg-subtle: #26272c;
    --md-bg-secondary: #2a2b30;
    --md-primary-soft: rgba(var(--md-primary-rgb), .16);
    --md-primary-softer: rgba(var(--md-primary-rgb), .1);
    --md-focus-ring: 0 0 0 3px rgba(var(--md-primary-rgb), .25);
    --md-shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);
    --md-shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 2px 8px rgba(0, 0, 0, .3);
    --md-shadow-hover: 0 2px 6px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .4);
    --md-shadow-lg: 0 4px 12px rgba(0, 0, 0, .4), 0 12px 32px rgba(0, 0, 0, .5);
    color-scheme: dark;
}