/* Global theme config. Loaded before styles.css; keep site-wide
   design tokens here. Light is the default; dark mode (Tier A)
   follows the OS setting via prefers-color-scheme. */
:root {
    --text: #111;
    --bg: #fff;
    --button: #222;
    --button-text: #fff;
    --button-hover: #333;

    /* Sidebar palette is derived from the page colors with color-mix(),
       so it adapts to dark mode without a second set of definitions. */
    --sidebar-bg: var(--bg);
    --sidebar-text: color-mix(in srgb, var(--text) 90%, var(--bg));
    --sidebar-border: color-mix(in srgb, var(--text) 20%, var(--bg));
    --sidebar-item-hover-bg: color-mix(in srgb, var(--text) 8%, var(--bg));
    --sidebar-active-bg: color-mix(in srgb, var(--text) 13%, var(--bg));

    color-scheme: light;
}

@media (prefers-color-scheme: dark) {
    :root {
        --text: #eee;
        --bg: #111;
        --button: #ddd;
        --button-text: #111;
        --button-hover: #ccc;
        color-scheme: dark;
    }
}