:root {
  /* Brand palette (brandbook: 60% carbon, 30% marfil, 10% accent) */
  --carbon: #111318;
  --carbon-2: #1a1d24;
  --vermilion: #ff4d2e;
  --marfil: #f3f0e9;

  --line: rgb(243 240 233 / 0.14);
  --muted: rgb(243 240 233 / 0.64);

  /* Typography */
  --font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-hero: clamp(2.5rem, 6.4vw, 6.2rem);
  --fs-lead: clamp(1.05rem, 1.5vw, 1.35rem);
  --fs-small: 0.8125rem;

  /* Layout */
  --gutter: clamp(20px, 5vw, 72px);
  --header-h: 148px;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}