:root {
    --font-display: "Montserrat", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-body: "Source Sans 3", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --color-brand-950: #161a2b;
    --color-canvas: #f7f8ff;
    --color-surface: #ffffff;
    --color-surface-raised: #ffffff;
    --color-topbar: rgb(255 255 255 / 92%);
    --color-heading: #20233a;
    --color-text: #20233a;
    --color-text-muted: #6e7188;
    --color-border: #dfe1ef;
    --color-border-strong: #c9cbe0;
    --color-interactive: #5b4fd6;
    --color-interactive-hover: #473bbd;
    --color-interactive-soft: #e9e7ff;
    --color-interactive-border: #cfc9ff;
    --color-primary-solid: #5b4fd6;
    --color-primary-solid-hover: #786bea;
    --color-accent: #32d6a0;
    --color-accent-readable: #11785b;
    --color-success: #147a5b;
    --color-success-50: #e0f4ef;
    --color-success-border: #a9ddcf;
    --color-success-solid: #19a979;
    --color-success-solid-hover: #138761;
    --color-warning: #95651e;
    --color-warning-50: #fff1d6;
    --color-warning-border: #efcf91;
    --color-warning-solid: #b7791f;
    --color-warning-solid-hover: #925f18;
    --color-danger: #b42318;
    --color-danger-50: #fee4e2;
    --color-danger-border: #f7b8b2;
    --color-danger-focus: rgb(180 35 24 / 25%);
    --color-danger-solid: #b42318;
    --color-danger-solid-hover: #8f1c14;
    --color-on-solid: #ffffff;
    --color-on-dark: #f2f3ff;
    --color-overlay: rgb(10 12 24 / 58%);
    --color-focus-ring: #6c5ce7;
    --color-focus-ring-soft: rgb(108 92 231 / 25%);
    --radius-sm: 7px;
    --radius-md: 9px;
    --radius-lg: 12px;
    --shadow-sm: 0 5px 16px rgb(35 35 70 / 7%);
    --shadow-md: 0 16px 40px rgb(35 35 70 / 10%);
    --sidebar-width: 226px;
    --sidebar-collapsed-width: 74px;
    --topbar-height: 72px;
    --content-max-width: 1440px;
    --transition-fast: 140ms ease;
    --transition-base: 210ms ease;
    --z-sidebar: 30;
    --z-overlay: 25;
    --z-topbar: 40;
    --z-popover: 60;
}

[data-color-scheme="dark"] {
    --color-brand-950: #161a2b;
    --color-canvas: #111423;
    --color-surface: #1b1f34;
    --color-surface-raised: #20253d;
    --color-topbar: rgb(22 26 43 / 94%);
    --color-heading: #f2f3ff;
    --color-text: #f2f3ff;
    --color-text-muted: #a6acc2;
    --color-border: #303650;
    --color-border-strong: #444b69;
    --color-interactive: #b8b0ff;
    --color-interactive-hover: #d1ccff;
    --color-interactive-soft: #302d50;
    --color-interactive-border: #514b7c;
    --color-primary-solid: #6c5ce7;
    --color-primary-solid-hover: #8e7ef8;
    --color-accent-readable: #61e2bb;
    --color-success: #61e2bb;
    --color-success-50: #203f40;
    --color-success-border: #376461;
    --color-warning: #f2c96c;
    --color-warning-50: #463b2c;
    --color-warning-border: #6a583a;
    --color-danger: #fda29b;
    --color-danger-50: #4a2428;
    --color-danger-border: #74373d;
    --color-overlay: rgb(5 7 14 / 75%);
    --shadow-sm: 0 6px 18px rgb(0 0 0 / 18%);
    --shadow-md: 0 18px 44px rgb(0 0 0 / 25%);
}