/* ============================================================
   Design tokens — Athletic & Bold, modernized blue
   ============================================================ */
:root {
  /* Brand: blue kept as anchor */
  --c-blue:      #0b4ea6;
  --c-blue-600:  #093f85;
  --c-blue-700:  #07315f;
  --c-blue-050:  #E8F0FA;

  /* Dark sections background — on-brand navy-blue (hero, footer, topbar) */
  --c-dark:      #0a3c78;
  --c-dark-900:  #082f5d;
  /* Ink — near-black, used for dark TEXT (headings, prices, product titles) */
  --c-ink:       #0A1020;
  --c-ink-700:   #131B33;
  --c-ink-500:   #29324d;

  /* Athletic orange accent — use sparingly (badges, underlines, hovers) */
  --c-volt:      #FF8A1E;
  --c-volt-600:  #F26A00;

  /* Neutrals */
  --c-paper:     #FFFFFF;
  --c-mist:      #F4F6FA;
  --c-mist-200:  #ECEFF5;
  --c-line:      #E2E7F0;
  --c-text:      #0C1222;
  --c-muted:     #5B6577;

  /* Status */
  --c-sale:      #FF2D2D;
  --c-success:   #18A957;

  /* Typography */
  --font-display: "Anton", "Archivo", system-ui, sans-serif;     /* huge condensed caps */
  --font-head:    "Archivo", system-ui, sans-serif;              /* subheads, buttons, labels */
  --font-body:    "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  /* Type scale (fluid) */
  --fs-hero:   clamp(3rem, 7vw, 6.5rem);
  --fs-h1:     clamp(2.2rem, 4.5vw, 4rem);
  --fs-h2:     clamp(1.7rem, 3vw, 2.75rem);
  --fs-h3:     clamp(1.25rem, 2vw, 1.6rem);
  --fs-lead:   clamp(1.05rem, 1.4vw, 1.25rem);
  --fs-body:   1rem;
  --fs-sm:     0.875rem;
  --fs-xs:     0.75rem;

  /* Radius */
  --r-sm: 6px;
  --r:    12px;
  --r-lg: 18px;
  --r-pill: 999px;

  /* Shadow */
  --sh-sm: 0 1px 2px rgba(10,16,32,.06), 0 1px 3px rgba(10,16,32,.08);
  --sh:    0 6px 24px rgba(10,16,32,.10);
  --sh-lg: 0 18px 50px rgba(10,16,32,.18);

  /* Layout */
  --container: 1240px;
  --gutter: clamp(16px, 4vw, 40px);
  --header-h: 76px;

  --ease: cubic-bezier(.22,.61,.36,1);
}