:root {
  --color-black: #080D10;
  --color-ink: #f4f0e8;
  --color-muted: rgba(244, 240, 232, 0.68);
  --color-hairline: rgba(244, 240, 232, 0.16);

  --font-primary: "Helvetica Neue", Helvetica, Arial, sans-serif;

  --container-gutter: clamp(1.125rem, 3.1vw, 3.75rem);
  --header-height: clamp(4.25rem, 8vw, 7.25rem);
  --footer-height: clamp(2rem, 3vw, 2.85rem);

  /*
   * Framer-style easings — assinatura das transições do Framer/Motion:
   * decaimento suave com "settle" gostoso no fim (mimica spring subamortecido).
   */
  --ease-framer: cubic-bezier(0.16, 1, 0.3, 1);           /* Framer's default ease-out spring — hero */
  --ease-framer-smooth: cubic-bezier(0.32, 0.72, 0, 1);   /* smooth cinematic decay */
  --ease-framer-in-out: cubic-bezier(0.83, 0, 0.17, 1);   /* Framer expo in-out — pra passagens */
  /* Aliases legados apontando pro Framer — mantém compat sem mexer em cada uso. */
  --ease-premium: var(--ease-framer);
  --ease-brut: var(--ease-framer);
  --ease-brut-snap: var(--ease-framer-in-out);
  /*
   * Durações Framer: mais curtas e snappier que "cinematic". O que dá o
   * feel-good vem da curva de easing, não do tempo. Padrões da Motion:
   * transições de 300-600ms, stagger de ~40-60ms.
   */
  --duration-base: 320ms;
  --duration-reveal: 620ms;
  --duration-mask: 780ms;
  --stagger-step: 55ms;
}