@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;
  --background: #FFFFFF;
  --background-rgb: 255 255 255;
  --foreground: #0B0A0F;
  --foreground-rgb: 11 10 15;
  --card: #FFFFFF;
  --card-rgb: 255 255 255;
  --card-foreground: #0B0A0F;
  --card-foreground-rgb: 11 10 15;
  --popover: #FFFFFF;
  --popover-rgb: 255 255 255;
  --popover-foreground: #0B0A0F;
  --popover-foreground-rgb: 11 10 15;
  --primary: #653FC5;
  --primary-rgb: 101 63 197;
  --primary-hover: #5A37B5;
  --primary-hover-rgb: 90 55 181;
  --primary-foreground: #FFFFFF;
  --primary-foreground-rgb: 255 255 255;
  --primary-text: #653FC5;
  --primary-text-rgb: 101 63 197;
  --primary-tint: #F1ECFC;
  --primary-tint-rgb: 241 236 252;
  --secondary: #F7F5FC;
  --secondary-rgb: 247 245 252;
  --secondary-foreground: #0B0A0F;
  --secondary-foreground-rgb: 11 10 15;
  --muted: #F7F5FC;
  --muted-rgb: 247 245 252;
  --muted-foreground: #4B5563;
  --muted-foreground-rgb: 75 85 99;
  --accent: #F1ECFC;
  --accent-rgb: 241 236 252;
  --accent-foreground: #0B0A0F;
  --accent-foreground-rgb: 11 10 15;
  --highlight: #0E7490;
  --highlight-rgb: 14 116 144;
  --highlight-foreground: #FFFFFF;
  --highlight-foreground-rgb: 255 255 255;
  --highlight-text: #0E7490;
  --highlight-text-rgb: 14 116 144;
  --highlight-tint: #ECFEFF;
  --highlight-tint-rgb: 236 254 255;
  --destructive: #B91C1C;
  --destructive-rgb: 185 28 28;
  --destructive-foreground: #F4F0FF;
  --destructive-foreground-rgb: 244 240 255;
  --success: #047857;
  --success-rgb: 4 120 87;
  --warning: #B45309;
  --warning-rgb: 180 83 9;
  --border: #E7E3F1;
  --border-rgb: 231 227 241;
  --input: #6B7280;
  --input-rgb: 107 114 128;
  --ring: #653FC5;
  --ring-rgb: 101 63 197;
  --chart-1: #653FC5;
  --chart-1-rgb: 101 63 197;
  --chart-2: #0E7490;
  --chart-2-rgb: 14 116 144;
  --chart-3: #6B7280;
  --chart-3-rgb: 107 114 128;
  --chart-4: #A21CAF;
  --chart-4-rgb: 162 28 175;
  --chart-5: #B45309;
  --chart-5-rgb: 180 83 9;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-card: 0 1px 2px #0B0A0F14;
  --shadow-dialog: 0 12px 32px -12px #653FC540;
  --eyebrow-tracking: 0.2em;
  --font-display: 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 {
    --background: #0B0A0F;
    --background-rgb: 11 10 15;
    --foreground: #E5E7EB;
    --foreground-rgb: 229 231 235;
    --card: #15141B;
    --card-rgb: 21 20 27;
    --card-foreground: #E5E7EB;
    --card-foreground-rgb: 229 231 235;
    --popover: #15141B;
    --popover-rgb: 21 20 27;
    --popover-foreground: #E5E7EB;
    --popover-foreground-rgb: 229 231 235;
    --primary-text: #A78BFA;
    --primary-text-rgb: 167 139 250;
    --primary-tint: #1A1430;
    --primary-tint-rgb: 26 20 48;
    --secondary: #0C0B12;
    --secondary-rgb: 12 11 18;
    --secondary-foreground: #E5E7EB;
    --secondary-foreground-rgb: 229 231 235;
    --muted: #0C0B12;
    --muted-rgb: 12 11 18;
    --muted-foreground: #9CA3AF;
    --muted-foreground-rgb: 156 163 175;
    --accent: #1A1430;
    --accent-rgb: 26 20 48;
    --accent-foreground: #E5E7EB;
    --accent-foreground-rgb: 229 231 235;
    --highlight: #22D3EE;
    --highlight-rgb: 34 211 238;
    --highlight-foreground: #0B0A0F;
    --highlight-foreground-rgb: 11 10 15;
    --highlight-text: #67E8F9;
    --highlight-text-rgb: 103 232 249;
    --highlight-tint: #0A2A33;
    --highlight-tint-rgb: 10 42 51;
    --destructive: #F87171;
    --destructive-rgb: 248 113 113;
    --destructive-foreground: #0B0A0F;
    --destructive-foreground-rgb: 11 10 15;
    --success: #34D399;
    --success-rgb: 52 211 153;
    --warning: #FBBF24;
    --warning-rgb: 251 191 36;
    --border: #1F1E23;
    --border-rgb: 31 30 35;
    --ring: #A78BFA;
    --ring-rgb: 167 139 250;
    --chart-1: #A78BFA;
    --chart-1-rgb: 167 139 250;
    --chart-2: #22D3EE;
    --chart-2-rgb: 34 211 238;
    --chart-3: #9CA3AF;
    --chart-3-rgb: 156 163 175;
    --chart-4: #F0ABFC;
    --chart-4-rgb: 240 171 252;
    --chart-5: #FBBF24;
    --chart-5-rgb: 251 191 36;
    --shadow-card: 0 1px 0 #FFFFFF0A inset, 0 8px 24px -12px #653FC540;
    --shadow-dialog: 0 24px 80px -20px #653FC559;
  }
}