/* ==========================================================================
   GODFATHERS AUTO WORKS — design tokens
   ========================================================================== */
:root{
  /* Palette: black / charcoal / white / Godfathers red */
  --black:#000;
  --charcoal:#141414;
  --charcoal-2:#1e1e1e;
  --graphite:#2b2b2b;
  --white:#fff;
  --paper:#f2f2f2;
  --paper-2:#e6e6e6;
  --red:#e30613;          /* fills, lines, red panels, text on light */
  --red-lift:#ff3b47;     /* small red text/icons on dark (AA contrast) */
  --red-deep:#b3000c;

  --muted-dark:#a8a8a8;   /* secondary text on dark  (7.7:1 on #000) */
  --muted-light:#575757;  /* secondary text on light (7.2:1 on #f2f2f2) */
  --line-dark:rgba(255,255,255,.16);
  --line-dark-strong:rgba(255,255,255,.32);
  --line-light:rgba(0,0,0,.16);
  --line-light-strong:rgba(0,0,0,.4);

  /* Type */
  --font-display:"Big Shoulders Display","Arial Narrow","Helvetica Neue Condensed",Impact,sans-serif;
  --font-body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;

  --fs-hero:clamp(4.6rem,min(16.5vw,24vh),17rem);
  --fs-h1:clamp(3.6rem,10.5vw,10.5rem);
  --fs-h2:clamp(2.5rem,7.2vw,7.25rem);
  --fs-h3:clamp(1.75rem,2.6vw,2.5rem);
  --fs-lead:clamp(1.0625rem,1.35vw,1.3125rem);
  --fs-body:1.0625rem;
  --fs-small:.9375rem;
  --fs-label:.8125rem;

  /* Layout */
  --gutter:clamp(20px,4.2vw,72px);
  --max:1760px;
  --header-h:84px;
  --section-y:clamp(80px,10vw,168px);

  /* Motion */
  --ease:cubic-bezier(.22,.8,.24,1);
  --t-fast:.2s;
  --t:.4s;

  --focus:var(--red-lift);
}
@media (max-width:1100px){:root{--header-h:72px}}