/* Luteus design tokens — from the Luteus design system (tokens.json).
   Light (Cream) by default; Charcoal when the visitor's system is set to dark. */
:root {
    color-scheme: light dark;

    /* Fixed brand colours */
    --cage-gold: #b89a63;
    --finch-yellow: #f8d84a;
    --on-yellow: #1f1e1a;
    --finch-red: #962927;
    --cream: #f7f4ed;
    --charcoal: #2c2c2c;
    --charcoal-deep: #1d2226;

    /* Themed roles — Cream */
    --surface: var(--cream);
    --surface-raised: #ffffff;
    --surface-inverse: var(--charcoal-deep);
    --ink-strong: #1f1e1a;
    --ink-wordmark: #4b4a48;
    --ink-muted: #6b6760;
    --ink-inverse: #f7f4ed;
    --gold-text: #866838;
    --line: #dcd5c6;

    /* Type */
    --font-sans: Poppins, system-ui, -apple-system, "Segoe UI", sans-serif;

    /* Spacing (4px base) */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-6: 24px;
    --space-8: 32px;
    --space-12: 48px;

    /* Radius */
    --radius-sm: 6px;
    --radius-md: 16px;
    --radius-pill: 999px;
}

@media (prefers-color-scheme: dark) {
    :root {
        --surface: var(--charcoal-deep);
        --surface-raised: var(--charcoal);
        --surface-inverse: var(--cream);
        --ink-strong: #f7f4ed;
        --ink-wordmark: #ffffff;
        --ink-muted: #b3ada3;
        --ink-inverse: #1f1e1a;
        --gold-text: #c9ab72;
        --line: #3d3f42;
    }
}