/**
 * 深色主题变量（GitHub Dark Primer 风格）
 * 定义前景色、背景色、边框、阴影、按钮及叠加层颜色
 */

:root {
    /* ----- 基础前景色 ----- */
    --text-primary: #f0f6fc;                /* 主要文字 */
    --text-secondary: #9198a1;              /* 次要文字 */
    --text-link: #4493f8;                   /* 链接文字 */
    --text-accent: #4493f8;                 /* 强调文字 */
    --text-success: #3fb950;                /* 成功状态文字 */
    --text-attention: #d29922;              /* 注意/警告文字 */
    --text-danger: #f85149;                 /* 危险/错误文字 */

    /* ----- 背景色 ----- */
    --bg-body: #0d1117;                     /* 页面主体背景 */
    --bg-card: #0d1117;                     /* 卡片背景 */
    --bg-controls: #151b23;                 /* 控件区域背景 */
    --bg-progress: #0d1117;                 /* 进度条区域背景 */
    --bg-inset: #010409;                    /* 内嵌区域背景 */
    --bg-emphasis: #6e7681;                 /* 强调背景 */
    --bg-disabled: #212830;                 /* 禁用状态背景 */
    --bg-unicode: #388bfd1a;                /* Unicode 标签背景 */

    /* ----- 边框色 ----- */
    --border-light: #3d444d;                /* 默认边框 */
    --border-dashed: #59636e;               /* 虚线边框 */
    --border-highlight: #1f6feb;            /* 高亮边框 */

    /* ----- 阴影 ----- */
    --shadow-sm: 0 4px 12px rgba(1, 4, 9, 0.5);
    --shadow-hover: 0 8px 24px rgba(1, 4, 9, 0.8);

    /* ----- 按钮 ----- */
    --btn-primary: #1f6feb;                 /* 主要按钮背景 */
    --btn-primary-hover: #388bfd;           /* 主要按钮悬停 */
    --btn-secondary: #212830;               /* 次要按钮背景 */
    --btn-secondary-hover: #2d3742;         /* 次要按钮悬停 */
    --btn-cancel: #f85149;                  /* 取消按钮背景 */

    /* ----- SVG 与叠加层 ----- */
    --svg-border: #3d444d;                  /* SVG 边框 */
    --legend-bg: #212830;                   /* 图例背景 */
    --input-bg: #0d1117;                    /* 输入框背景 */

    /* ----- 强调装饰 ----- */
    --section-border: #1f6feb;              /* 标题左侧装饰线 */

    /* ----- Unicode 标签特殊色 ----- */
    --unicode-bg: #388bfd1a;                /* Unicode 标签背景 */
    --unicode-text: #58a6ff;                /* Unicode 标签文字 */

    /* ----- 字形叠加颜色 ----- */
    --old-fill: rgba(248, 81, 73, 0.65);    /* 旧字体填充色 */
    --new-fill: rgba(68, 147, 248, 0.65);   /* 新字体填充色 */
    --blend-mode: screen;                   /* 暗色模式叠加方式 */
}