/*
 * Theme "blueprint" (decision 2026-10-27): one teal accent, 1 px lines, neutral backgrounds,
 * no gradients or shadows. Values for every color token from tokens.css.
 *
 * Mode: data-mode="light" or "dark" forces the mode; without data-mode (or with any other value,
 * e.g. "system") the mode follows prefers-color-scheme.
 */
html[data-theme="blueprint"],
html[data-theme="blueprint"][data-mode="light"] {
    color-scheme: light;
    --color-bg: #f6f8f8;
    --color-surface: #ffffff;
    --color-text: #172026;
    --color-text-muted: #5b6770;
    --color-accent: #0f766e;
    --color-border: #d3dadd;
}

html[data-theme="blueprint"][data-mode="dark"] {
    color-scheme: dark;
    --color-bg: #0f1417;
    --color-surface: #161c20;
    --color-text: #e3e8eb;
    --color-text-muted: #94a3ab;
    --color-accent: #2dd4bf;
    --color-border: #2a343a;
}

/* Same values as data-mode="dark"; keep both blocks in sync. */
@media (prefers-color-scheme: dark) {
    html[data-theme="blueprint"]:not([data-mode="light"]) {
        color-scheme: dark;
        --color-bg: #0f1417;
        --color-surface: #161c20;
        --color-text: #e3e8eb;
        --color-text-muted: #94a3ab;
        --color-accent: #2dd4bf;
        --color-border: #2a343a;
    }
}