:root {
  --c-canvas: #0A0A0F;
  --c-surface: #0C141F;
  --c-blue: #045CFA;
  --c-blue-2: #0C2DD1;
  --c-blue-text: #6AA1FF; /* AA-legible blue for small mono text on the dark canvas */
  --c-text: #EAEAEA;
  --c-muted: #8A93A3;
  --c-amber: #E8964A;
  --c-brand-blue: #003DA6;       /* logo identity — globe map + "Alberto Mazzola" (light-bg only) */
  --c-brand-green: #61A607;      /* logo identity — globe stripes + "Engineering" (light-bg only) */
  --c-brand-green-text: #8FCB3A; /* AA-legible green for logo/accents on the dark canvas */
  --c-line: rgba(255,255,255,.12);
  --f-display: "Space Grotesk", system-ui, sans-serif;
  --f-body: "Inter", system-ui, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, monospace;
  --fs-step--1: clamp(.83rem,.8rem + .15vw,.94rem);
  --fs-step-0: clamp(1rem,.95rem + .25vw,1.13rem);
  --fs-step-3: clamp(2rem,1.6rem + 2vw,3.5rem);
  --fs-step-5: clamp(3rem,2.2rem + 4vw,6rem);
  --space-s: .75rem; --space-m: 1.5rem; --space-l: 3rem; --space-xl: 6rem;
  --anchor-offset: 5.5rem; /* clears the ~3.5rem sticky header + breathing room */
  --content-max: 1280px;
  --ease-out: cubic-bezier(.22,1,.36,1);
  --ease-inout: cubic-bezier(.65,0,.35,1);
  --dur-reveal: .9s; --dur-micro: .28s;
}