/* ===========================================================================
   Fortivus design tokens. Single source of truth for every page on this site.
   Change a value here, never in a rule that uses it.
   Brand colors read off the logo and fortivusboxing.com.
   =========================================================================== */
:root {
  /* color */
  --c-ink:          #0e0f12;   /* the dark panel and footer */
  --c-ink-soft:     #1a1c21;
  --c-paper:        #ffffff;
  --c-gray:         #eceef1;   /* the form panel */
  --c-field:        #ffffff;   /* inputs sit white on the gray panel */
  --c-field-line:   #d7dbe0;
  --c-body:         #6b7280;   /* gray body copy */
  --c-heading:      #3f464e;   /* gray, one step darker, for headings */
  --c-body-invert:  rgba(255,255,255,.78);
  --c-red:          #bd2428;   /* brand red, the only CTA color */
  --c-red-hover:    #a31d21;
  --c-navy:         #33459d;   /* brand navy, used sparingly */
  --c-rule:         rgba(255,255,255,.14);

  /* type */
  --f-display: "Anton", "Arial Narrow", Impact, sans-serif;
  --f-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --t-h1:      clamp(2.75rem, 6vw, 4.5rem);
  --t-h2:      clamp(1.7rem, 2.6vw, 2.35rem);
  --t-body:    1rem;
  --t-sm:      0.875rem;
  --t-xs:      0.78rem;
  --track-display: 0.005em;

  /* space */
  --s-1: 0.5rem;
  --s-2: 0.875rem;
  --s-3: 1.25rem;
  --s-4: 2rem;
  --s-5: 3rem;
  --s-6: 4.5rem;

  /* shape */
  --r-field: 2px;
  --r-btn: 2px;
  --nav-h: 124px;
  --logo-h: 92px;
  --pad-panel: clamp(1.5rem, 4.5vw, 4rem);
}