/* Shared palette. UI colours belong here; video annotations retain their own meaning. */
:root {
    --color-bg-base: #0e0e10;
    --color-bg-surface: #18181b;
    --color-bg-elevated: #1f1f23;
    --color-bg-hover: #26262c;
    --color-border: #2f2f35;
    --color-border-hover: #3f3f46;
    --color-text-primary: #efeff1;
    --color-text-secondary: #adadb8;
    --color-text-muted: #848494;
    --color-primary: #9147ff;
    --color-primary-hover: #772ce8;
    --color-primary-light: #bf94ff;
    --color-success: #00c853;
    --color-warning: #ffb300;
    --color-danger: #ef4444;
    --color-on-primary: #fff;
    --color-primary-soft: #261b38;
    --color-primary-border: #644494;
    --color-opponent: #ffb288;
    --color-success-soft: #153522;
    --color-success-text: #99e5b1;
    --color-warning-soft: #382c18;
    --color-warning-text: #f5cd82;
    --color-danger-soft: #381e24;
    --color-danger-text: #ffb4b4;
    --color-media: #09090b;
    --color-scrim: #0e0e10cc;
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'Segoe UI', system-ui, sans-serif;
}
:root { color-scheme: dark; }