/**
 * 浅色主题变量（GitHub Light Primer 风格）
 * 定义前景色、背景色、边框、阴影、按钮及叠加层颜色
 */

:root {
    /* ----- 基础前景色 ----- */
    --text-primary: #1f2328;                /* 主要文字 */
    --text-secondary: #59636e;              /* 次要文字 */
    --text-link: #0969da;                   /* 链接文字 */
    --text-accent: #0969da;                 /* 强调文字 */
    --text-success: #1a7f37;                /* 成功状态文字 */
    --text-attention: #9a6700;              /* 注意/警告文字 */
    --text-danger: #d1242f;                 /* 危险/错误文字 */

    /* ----- 背景色 ----- */
    --bg-body: #ffffff;                     /* 页面主体背景 */
    --bg-card: #ffffff;                     /* 卡片背景 */
    --bg-controls: #f6f8fa;                 /* 控件区域背景 */
    --bg-progress: #ffffff;                 /* 进度条区域背景 */
    --bg-inset: #f6f8fa;                    /* 内嵌区域背景 */
    --bg-emphasis: #25292e;                 /* 强调背景 */
    --bg-disabled: #eff2f5;                 /* 禁用状态背景 */
    --bg-unicode: #ddf4ff;                  /* Unicode 标签背景 */

    /* ----- 边框色 ----- */
    --border-light: #d1d9e0;                /* 默认边框 */
    --border-dashed: #b7c0c8;               /* 虚线边框 */
    --border-highlight: #0969da;            /* 高亮边框 */

    /* ----- 阴影 ----- */
    --shadow-sm: 0 1px 3px rgba(31, 35, 40, 0.08);
    --shadow-hover: 0 8px 24px rgba(140, 149, 159, 0.2);

    /* ----- 按钮 ----- */
    --btn-primary: #0969da;                 /* 主要按钮背景 */
    --btn-primary-hover: #0550ae;           /* 主要按钮悬停 */
    --btn-secondary: #f6f8fa;               /* 次要按钮背景 */
    --btn-secondary-hover: #eff2f5;         /* 次要按钮悬停 */
    --btn-cancel: #d1242f;                  /* 取消按钮背景 */

    /* ----- SVG 与叠加层 ----- */
    --svg-border: #d1d9e0;                  /* SVG 边框 */
    --legend-bg: #f6f8fa;                   /* 图例背景 */
    --input-bg: #ffffff;                    /* 输入框背景 */

    /* ----- 强调装饰 ----- */
    --section-border: #0969da;              /* 标题左侧装饰线 */

    /* ----- Unicode 标签特殊色 ----- */
    --unicode-bg: #ddf4ff;                  /* Unicode 标签背景 */
    --unicode-text: #0969da;                /* Unicode 标签文字 */

    /* ----- 字形叠加颜色 ----- */
    --old-fill: rgba(209, 36, 47, 0.5);     /* 旧字体填充色 */
    --new-fill: rgba(9, 105, 218, 0.5);     /* 新字体填充色 */
    --blend-mode: multiply;                 /* 亮色模式叠加方式 */
}