/*
 * Sim Racer Academy redesign — design tokens.
 * Source of truth: sra-redesign-handoff/design-tokens.json (pulled from speedsecrets.com 2026-10-22).
 * Keep the two in sync; the mockups use these exact values.
 */
:root {
  /* color */
  --sra-brand-blue: #284A9F;
  --sra-brand-blue-hover: #1C3578;
  --sra-brand-blue-deep: #1C3578;
  --sra-brand-red: #C8102E;
  --sra-ink: #262626;
  --sra-body-muted: #4A5A72;
  --sra-label-muted: #5A6A82;
  --sra-surface: #FFFFFF;
  --sra-surface-alt: #F7F9FC;
  --sra-tint: #EEF2FA;
  --sra-border: #E1E5EE;
  --sra-border-strong: #D6DEEF;
  --sra-on-blue-muted: #C9D3EA;
  --sra-on-blue-accent: #BFD0F5;
  --sra-level-101: #2E8B57;
  --sra-level-201: #284A9F;
  --sra-level-301: #262626;
  --sra-live: #B5451B;
  --sra-overlay: rgba(26, 34, 54, 0.55);

  /* type */
  --sra-font-heading: 'Merriweather Sans', sans-serif;
  --sra-font-body: Cabin, sans-serif;
  --sra-heading-weight: 800;
  --sra-body-weight: 500;
  --sra-body-size: 16px;
  --sra-h1-home: 60px;
  --sra-h1-member: 38px;
  --sra-h1-mobile: 34px;
  --sra-h2-home: 40px;
  --sra-h2-member: 28px;
  --sra-card-title: 24px;

  /* radius */
  --sra-radius-button: 6px;
  --sra-radius-card: 12px;
  --sra-radius-card-lg: 16px;
  --sra-radius-pill: 20px;
  --sra-radius-badge: 4px;

  /* spacing */
  --sra-gutter: 5%;
  --sra-content-max: 1280px;
  --sra-section-pad: 96px;
  --sra-section-pad-member: 48px;
  --sra-card-pad: 24px;
  --sra-grid-gap: 20px;
}