:root {
  /* Cores — paleta oficial Impacto Colégio e Curso */
  --color-bg: #FAF7F2;
  --color-surface: #FFFFFF;
  --color-ink: #1A1A1A;
  --color-ink-soft: #4A4A4A;
  --color-primary: #1B2D78;
  --color-primary-soft: #2B40A0;
  --color-accent: #FDD500;
  --color-accent-dark: #C9A900;
  --color-line: #E8E4DC;

  /* Tipografia */
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter Tight", system-ui, sans-serif;

  /* Escala tipográfica (modular, ratio 1.25) */
  --fs-xs: 0.8rem;
  --fs-sm: 0.9rem;
  --fs-base: 1rem;
  --fs-md: 1.25rem;
  --fs-lg: 1.563rem;
  --fs-xl: 1.953rem;
  --fs-2xl: 2.441rem;
  --fs-3xl: 3.052rem;
  --fs-4xl: 3.815rem;

  /* Espaçamento (escala de 8px) */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2rem;
  --sp-5: 3rem;
  --sp-6: 4rem;
  --sp-7: 6rem;
  --sp-8: 8rem;

  /* Layout */
  --container: 72rem;
  --container-narrow: 44rem;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}