/**
 * Theme tokens (shadcn-style: semantic variables on the document root).
 * Default matches the previous always-dark site; [data-theme="light"] overrides.
 */
:root {
    color-scheme: dark;
    --color-bg: #121212;
    --color-text: #e1e1e1;
    --color-heading: #f5f5f5;
    --color-link: #f0f0f0;
    --color-link-border: #f0f0f0;
    --color-link-hover: #ffffff;
    --color-border: #333333;
    --color-border-subtle: #333333;
    --color-footer: #b0b0b0;
    --color-toggle-bg: rgba(255, 255, 255, 0.06);
    --color-toggle-border: rgba(255, 255, 255, 0.12);
    --color-toggle-hover: rgba(255, 255, 255, 0.1);
    --color-skip-bg: #f5f5f5;
    --color-skip-fg: #121212;
    --color-skip-shadow: rgba(0, 0, 0, 0.3);
    --meta-theme-color: #121212;
}

[data-theme="light"] {
    color-scheme: light;
    --color-bg: #faf9f6;
    --color-text: #2c2c2c;
    --color-heading: #141414;
    --color-link: #1a1a1a;
    --color-link-border: #1a1a1a;
    --color-link-hover: #000000;
    --color-border: #d8d6d1;
    --color-border-subtle: #c8c4bc;
    --color-footer: #6b6b6b;
    --color-toggle-bg: rgba(0, 0, 0, 0.04);
    --color-toggle-border: rgba(0, 0, 0, 0.12);
    --color-toggle-hover: rgba(0, 0, 0, 0.08);
    --color-skip-bg: #141414;
    --color-skip-fg: #faf9f6;
    --color-skip-shadow: rgba(0, 0, 0, 0.2);
    --meta-theme-color: #faf9f6;
}