@font-face {
  font-family: "Stack Sans Headline";
  src: url("./assets/fonts/StackSansHeadline.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
}

@font-face {
  font-family: "Stack Sans Text";
  src: url("./assets/fonts/StackSansText.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
}

:root {
  /* Cores oficiais: identidade PINX, página 14. */
  --orion-navy: #0f1329;
  --orion-brown: #765c4b;
  --orion-sand: #d5c8b7;
  --orion-off-white: #f7f7f7;
  --orion-steel: #4b6683;

  --color-background-dark: var(--orion-navy);
  --color-background-light: var(--orion-off-white);
  --color-text-on-dark: var(--orion-off-white);
  --color-text-on-light: var(--orion-navy);
  --color-accent: var(--orion-sand);

  /* Stack Sans: famílias completas do Google Fonts, hospedadas localmente. */
  --font-display: "Stack Sans Headline", Arial, sans-serif;
  --font-body: "Stack Sans Text", Arial, sans-serif;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-6: 3rem;
  --space-8: 4rem;
  --space-12: 6rem;
  --space-16: 8rem;

  --content-max: 90rem;
  --page-gutter: clamp(1.25rem, 4vw, 5rem);
  --radius-small: 0.5rem;
  --radius-medium: 1.5rem;
  --motion-quick: 180ms;
  --motion-standard: 420ms;
  --motion-slow: 900ms;
  --ease-orion: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-quick: 0ms;
    --motion-standard: 0ms;
    --motion-slow: 0ms;
  }
}