:root {

  --gi-navy:        #0E2A38;
  --gi-steel:       #3D6A85;
  --gi-steel-deep:  #2E566E;
  --gi-amber:       #FFB100;
  --gi-amber-deep:  #8A5A00;
  --gi-graphite:    #20272C;
  --gi-slate:       #4E5A63;
  --gi-limestone:   #EDEAE3;
  --gi-paper:       #F7F6F2;
  --gi-white:       #FFFFFF;
  --gi-line:        #D8D4CA;
  --gi-scrim: linear-gradient(180deg, rgb(14 42 56 / 0.55), rgb(14 42 56 / 0.8));

  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif-condensed, sans-serif;
  --font-body: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-display: clamp(2.6rem, 1.6rem + 4vw, 4.2rem);
  --fs-h1:    2.441rem;
  --fs-h2:    1.953rem;
  --fs-h3:    1.563rem;
  --fs-lead:  1.25rem;
  --fs-body:  1rem;
  --fs-small: 0.875rem;
  --fs-label: 0.8125rem;

  --lh-tight: 1.1;
  --lh-heading: 1.2;
  --lh-body: 1.6;
  --track-caps: 0.01em;
  --track-label: 0.08em;

  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-24: 6rem;

  --radius: 2px;
  --radius-panel: 12%;
  --shadow-card: 0 1px 2px rgb(14 42 56 / 0.06);
  --border-hair: 1px solid var(--gi-line);
  --rule-featured: 3px solid var(--gi-amber);

  --measure: 68ch;
  --container: 72rem;
  --tap-min: 44px;

  --focus-ring: 2px solid var(--gi-amber);
  --focus-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}