/* Design tokens shared across all public pages (landing, feedback form, legal). */

:root {
    color-scheme: dark light;
    --bg: #0b1018;
    --bg-elev: #111827;
    --surface: #162133;
    --line: #2a3c55;
    --text: #eaf1fb;
    --text-muted: #b4c4dc;
    --accent: #4a9eda;
    --accent-hover: #6db5eb;
    --focus: #ffb000;
    --error: #e5737a;
    --shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

@media (prefers-color-scheme: light) {
    :root:not([data-theme="dark"]) {
        --bg: #faf8f5;
        --bg-elev: #ffffff;
        --surface: #ffffff;
        --line: #d4cfc8;
        --text: #1a1a1a;
        --text-muted: #555348;
        --accent: #8d0625;
        --accent-hover: #a71838;
        --error: #8d0625;
        --shadow: 0 6px 16px rgba(26, 26, 26, 0.08);
    }
}

:root[data-theme="light"] {
    --bg: #faf8f5;
    --bg-elev: #ffffff;
    --surface: #ffffff;
    --line: #d4cfc8;
    --text: #1a1a1a;
    --text-muted: #555348;
    --accent: #8d0625;
    --accent-hover: #a71838;
    --error: #8d0625;
    --shadow: 0 6px 16px rgba(26, 26, 26, 0.08);
}

:root[data-theme="dark"] {
    --bg: #0b1018;
    --bg-elev: #111827;
    --surface: #162133;
    --line: #2a3c55;
    --text: #eaf1fb;
    --text-muted: #b4c4dc;
    --accent: #4a9eda;
    --accent-hover: #6db5eb;
    --error: #e5737a;
    --shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}