:root {
  /* brand */
  --koast-blue: #414EED; --signal-cyan: #25C3FD; --ink: #1D1D1B; --black: #000000; --white: #FFFFFF;
  /* ui, dark first */
  --ground: #0B0D12; --card: #11141B; --card-raised: #151922; --border: #1F2430;
  --heading: #F3F4F8; --body: #C9CCD6; --muted: #8A909E; --faint: #585E6E;
  --primary: #5561FF; --violet: #A9ADF7; --success: #17B26A; --amber: #E0A23C; --info: #6EA8FE;
  /* partner */
  --whop-vermilion: #FA4616;
  /* type */
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: Lora, Georgia, serif;
  --font-mono: "JetBrains Mono", SFMono-Regular, Menlo, monospace;
  --display: 700 86px/0.98 var(--font-sans); --h1: 700 56px/1.02 var(--font-sans); --h2: 700 36px/1.1 var(--font-sans);
  --h3: 600 24px/1.2 var(--font-sans); --body-lg: 400 18px/1.5 var(--font-sans); --body-md: 400 15px/1.55 var(--font-sans);
  --label: 500 13px/1.4 var(--font-sans); --mono-label: 500 12px/1.4 var(--font-mono);
  --track-display: -0.025em; --track-h1: -0.02em; --track-h2: -0.015em; --track-mono: 0.04em;
  /* shape */
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-pill: 999px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px;
}
[data-theme="light"] { --ground: #FFFFFF; --card: #F6F7FB; --card-raised: #FFFFFF; --border: #E3E6EE; --heading: #1D1D1B; --body: #3A3A38; --muted: #6B6E78; --faint: #A0A3AD; --primary: #414EED; }