/* Approved brand tokens. Future appearance settings may only change validated tokens. */
:root {
    color-scheme: dark;
    --bg: #101413;
    --surface: #191f1c;
    --surface-raised: #232c27;
    --text: #f3f5ef;
    --muted: #b8c4bc;
    --mint: #a8e6c3;
    --line: #35443b;
    --border-control: #708278;
    --danger: #f29b9b;
    --warning: #e8c783;
    --info: #b4d4ef;
    --font-body: "Segoe UI", Arial, sans-serif;
    --font-mono: ui-monospace, Consolas, monospace;
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-12: 3rem;
    --radius-sm: 4px;
    --radius-md: 10px;
    --radius-lg: 18px;
    --control-height: 46px;
    --shadow-dialog: 0 24px 80px #0009;
    --transition-fast: 160ms ease;
}