/* Growthwright tokens. GENERATED from tokens.json — edit tokens.json, then regenerate. */
/* Theme: fixed dark palette. It does not vary with OS or browser theme preferences. */

:root {
  --font-display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 80px;
  --space-9: 120px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --container: 1200px;
  --container-narrow: 760px;
  --surface-0: #0d1526;
  --surface-50: #111c33;
  --surface-100: #18243d;
  --line: #2a3754;
  --line-strong: #6b7894;
  --ink: #f2f3f6;
  --ink-muted: #c2c8d4;
  --ink-subtle: #9aa3b5;
  --panel: #0a1120;
  --on-panel: #f2f3f6;
  --on-panel-muted: #aeb6c6;
  --blue: #7fa8d6;
  --blue-tint: #1a2b45;
  --orange: #ff7a3d;
  --orange-on-panel: #ff7a3d;
  --orange-tint: #2a1d17;
  --action: #ff7a3d;
  --action-hover: #ff8f5c;
  --on-action: #14213d;
  --focus: #7fa8d6;
  --success: #5cc48a;
  --success-tint: #14301f;
  --warning: #f2b544;
  --warning-tint: #33270d;
  --danger: #f97066;
  --danger-tint: #3a1714;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.45);
  color-scheme: dark;
}

/* Type styles */
.t-display-xl { font-family: var(--font-display); font-size: 64px; line-height: 68px; font-weight: 700; letter-spacing: -0.025em; }
.t-display-lg { font-family: var(--font-display); font-size: 48px; line-height: 52px; font-weight: 700; letter-spacing: -0.02em; }
.t-display-md { font-family: var(--font-display); font-size: 36px; line-height: 42px; font-weight: 700; letter-spacing: -0.02em; }
.t-heading { font-family: var(--font-display); font-size: 24px; line-height: 30px; font-weight: 700; letter-spacing: -0.01em; }
.t-title { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 600; }
.t-body-lg { font-family: var(--font-sans); font-size: 19px; line-height: 30px; font-weight: 400; }
.t-body { font-family: var(--font-sans); font-size: 17px; line-height: 27px; font-weight: 400; }
.t-body-sm { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 400; }
.t-caption { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.t-label { font-family: var(--font-mono); font-size: 13px; line-height: 16px; font-weight: 500; letter-spacing: 0.06em; }
.t-code { font-family: var(--font-mono); font-size: 14px; line-height: 20px; font-weight: 400; }