:root {
  --supah-ink: #2b2b2d;
  --supah-dark-surface: #515154;
  --supah-footer-surface: #444447;
  --supah-on-dark-muted: rgba(255, 255, 255, 0.72);
  --supah-canvas: #e8e8e8;
  --supah-paper: #ffffff;
  --supah-muted: #66635f;
  --supah-line: rgba(44, 44, 46, 0.16);
  --supah-line-soft: rgba(44, 44, 46, 0.09);
  --supah-signal: #ff690f;
  --supah-signal-hover: #ff690f;
  --supah-signal-soft: rgba(255, 105, 15, 0.12);
  --supah-signal-dark: #ff690f;
  --supah-on-signal: #2b2b2d;
  --supah-action: var(--supah-signal);
  --supah-action-hover: var(--supah-signal-hover);
  --supah-on-action: #2b2b2d;
  --supah-success: #147a52;
  --supah-surface-raised: rgba(255, 255, 255, 0.72);
  --supah-surface-tint: rgba(255, 255, 255, 0.34);
  --supah-shadow-raised: 0 10px 30px rgba(44, 44, 46, 0.08);
  --supah-radius-xs: 4px;
  --supah-radius-sm: 10px;
  --supah-radius-md: 18px;
  --supah-radius-lg: 28px;
  --supah-radius-pill: 999px;
  --supah-space-1: 4px;
  --supah-space-2: 8px;
  --supah-space-3: 12px;
  --supah-space-4: 16px;
  --supah-space-5: 24px;
  --supah-space-6: 32px;
  --supah-space-7: 48px;
  --supah-space-8: 64px;
  --supah-space-9: 96px;
  --supah-section-compact: 72px;
  --supah-section-standard: 96px;
  --supah-section-compact-mobile: 56px;
  --supah-section-standard-mobile: 72px;
  --supah-content: 1200px;
  --supah-reading: 720px;
  --supah-shell-width: 1280px;
  --supah-shell-height: 56px;
  --supah-shell-padding: 40px;
  --supah-shell-padding-tablet: 32px;
  --supah-shell-padding-mobile: 24px;
  --supah-type-brand: 20px;
  --supah-type-nav: 14px;
  --supah-type-hero: clamp(56px, 7vw, 104px);
  --supah-type-section: clamp(42px, 5vw, 72px);
  --supah-type-lede: clamp(19px, 1.6vw, 24px);
  --supah-motion-fast: 120ms;
  --supah-motion-standard: 180ms;
  --supah-motion-large: 240ms;
  --supah-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --supah-font-sans: "Supah Inter", Inter, ui-sans-serif, system-ui, sans-serif;
  --supah-font-display: "Supah Nunito", Nunito, var(--supah-font-sans);
  --supah-font-hero: "Supah Nunito Hero", Nunito, var(--supah-font-sans);
  --supah-font-code: "Supah Mono", "JetBrains Mono", ui-monospace, monospace;
}