/*
  Design tokens — the theming seam. The real visual design (and per-realm/tenant branding) lands by
  swapping these values, not by editing markup or site.css. Exported tokens drop in here.
*/
:root {
    --color-bg: #0f1115;
    --color-surface: #181b22;
    --color-border: #272b35;
    --color-text: #e7e9ee;
    --color-muted: #9aa0ad;
    --color-primary: #4f7cff;
    --color-primary-text: #ffffff;
    --color-danger: #ff6b6b;

    --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-size: 15px;

    --radius-sm: 6px;
    --radius-md: 10px;

    --space-1: 0.5rem;
    --space-2: 0.85rem;
    --space-3: 1.25rem;
    --space-4: 2rem;
}