/* 全站颜色只改这一处。页面引用变量，不再各自写一套色板。 */

:root {
    --bg: #ffffff;
    --fg: #1d1d1f;
    --muted: #6e6e73;
    --muted-2: #86868b;
    --border: rgba(0, 0, 0, 0.08);
    --surface: #f5f5f7;
    --surface-2: #fafafa;
    --footer-bg: #000000;

    --site-theme-color: #0071e3;
    --site-theme-color-hover: #0b52c8;
    --site-theme-color-rgb: 0, 113, 227;
    --accent-soft: rgba(var(--site-theme-color-rgb), 0.12);
    --on-accent: #ffffff;

    --danger: #dc2626;
    --danger-bg: #fef2f2;
    --success: #16a34a;
    --success-bg: #f0fdf4;
    --warn: #ca8a04;
    --warn-bg: #fefce8;

    /* 词根拆分只用正文、辅文和强调色，不再另起一套彩色 */
    --part-pre: var(--site-theme-color);
    --part-root: var(--fg);
    --part-suf: var(--muted);
    --part-base: var(--site-theme-color);
    --part-glue: var(--muted-2);
}

html.dark {
    color-scheme: dark;
    --bg: #000000;
    --fg: #f5f5f7;
    --muted: #a1a1a6;
    --muted-2: #86868b;
    --border: rgba(255, 255, 255, 0.12);
    --surface: #1c1c1e;
    --surface-2: #2c2c2e;
    --footer-bg: #000000;

    --accent-soft: rgba(var(--site-theme-color-rgb), 0.2);
    --danger: #f87171;
    --danger-bg: rgba(127, 29, 29, 0.25);
    --success: #4ade80;
    --success-bg: rgba(20, 83, 45, 0.25);
    --warn: #facc15;
    --warn-bg: rgba(113, 63, 18, 0.25);
}