/* Shared design tokens + minimal reset — used on every page */
:root{
  --navy:#1B2631;
  --teal:#0E3B43;
  --sage:#8A9A5B;
  --paper:#FDFCFB;
  --graphite:#333333;
  --line: rgba(27,38,49,0.12);
  /* --panel: a computed tint of --navy for subtle panel separation.
     Not a 6th brand color — the 5-color palette (navy/teal/sage/paper/graphite)
     is unchanged; this is a derived, documented neutral only. */
  --panel: rgba(27,38,49,0.035);
  --max: 1180px;
  /* --edge: the actual left position of header-inner's content on any viewport
     (32px base padding, plus half of whatever space exceeds --max once centered).
     Used to left-align full-bleed sections like .hero-left with the header/logo. */
  --edge: max(32px, calc((100% - var(--max)) / 2 + 32px));
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}