/* Design tokens — paleta, tipografia e espaçamentos do site.
   Baseado na referência de convite de casamento: neutros quentes,
   serifada nos títulos, muito espaço em branco. */

:root {
  /* Cores */
  --bg: #faf8f5;
  --surface: #ffffff;
  --surface-alt: #f1ece4;
  --ink: #2b2724;
  --ink-soft: #6e655c;
  --ink-muted: #9a9088;
  --accent: #a88b6a;
  --accent-soft: #d9c7b0;
  --accent-deep: #2f2c28;
  --linha: #e4ddd2;

  --sucesso: #2e7d57;
  --sucesso-bg: #e8f2ec;
  --aviso: #b07a1e;
  --aviso-bg: #fbf1df;
  --erro: #a33a32;
  --erro-bg: #f9eae8;

  /* Tipografia */
  --fonte-titulo: "Cormorant Garamond", "Georgia", serif;
  --fonte-corpo: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fonte-assinatura: "Great Vibes", "Cormorant Garamond", cursive;

  /* Escala de espaçamento */
  --e1: 0.25rem;
  --e2: 0.5rem;
  --e3: 0.75rem;
  --e4: 1rem;
  --e5: 1.5rem;
  --e6: 2rem;
  --e7: 3rem;
  --e8: 4.5rem;
  --e9: 6rem;

  /* Formas */
  --raio: 10px;
  --raio-g: 18px;
  --raio-pill: 999px;
  --sombra: 0 1px 2px rgba(43, 39, 36, 0.04), 0 8px 24px rgba(43, 39, 36, 0.06);
  --sombra-forte: 0 4px 12px rgba(43, 39, 36, 0.1), 0 16px 40px rgba(43, 39, 36, 0.1);

  /* Layout */
  --altura-cabecalho: 64px;
  --largura: 1140px;
  --largura-texto: 640px;
  --gutter: 1.25rem;
}

@media (min-width: 769px) {
  :root {
    --gutter: 2rem;
  }
}

/* Reset enxuto */
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

img,
picture,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}

button {
  cursor: pointer;
}

:where(a) {
  color: inherit;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}