@font-face {
  font-family: "Inter";
  src: url("/brand/fonts/Inter.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}
:root {
  color-scheme: light dark;
  --surface: #FFFFFF;
  --surface-muted: #F7F5FC;
  --surface-raised: #FFFFFF;
  --ink: #0B0A0F;
  --ink-muted: #4B5563;
  --border: #E7E3F1;
  --border-strong: #6B7280;
  --action: #653FC5;
  --action-hover: #5A37B5;
  --on-action: #FFFFFF;
  --selected: #F1ECFC;
  --focus-ring: #653FC5;
  --danger: #B91C1C;
  --warning: #B45309;
  --warning-surface: #F7F5FC;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-dialog: 0 12px 32px -12px #653FC540;
  --control-height: 40px;
  --button-weight: 600;
  --font-heading: Inter, system-ui, sans-serif;
  --font-body: Inter, system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
}
@media (prefers-color-scheme: dark) {
  :root {
    --surface: #0B0A0F;
    --surface-muted: #0C0B12;
    --surface-raised: #15141B;
    --ink: #E5E7EB;
    --ink-muted: #9CA3AF;
    --border: #1F1E23;
    --selected: #1A1430;
    --focus-ring: #A78BFA;
    --danger: #F87171;
    --warning: #FBBF24;
    --warning-surface: #0C0B12;
    --shadow-dialog: 0 24px 80px -20px #653FC559;
  }
}