/* variables.css — paleta do layout (creme, navy e dourado) */
:root {
  --color-navy: #1b2838;
  --color-navy-soft: #243447;
  --color-ink: #1c2430;
  --color-ink-light: #6b7280;
  --color-cream: #f6f3ee;
  --color-cream-dark: #ebe6de;
  --color-white: #ffffff;
  --color-gold: #b8956a;
  --color-line: #e7e2da;
  --color-whatsapp: #25d366;
  --color-success: #3f7a4f;
  --color-error: #b3432f;

  --font-heading: "Fraunces", "Times New Roman", serif;
  --font-script: "Great Vibes", cursive;
  --font-body: "Outfit", "Segoe UI", sans-serif;

  --fs-xs: 0.78rem;
  --fs-sm: 0.92rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.5rem;
  --fs-xl: 2.15rem;
  --fs-2xl: 3.25rem;
  --fs-3xl: 4rem;

  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 12px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 72px;
  --space-2xl: 96px;

  --container-width: 1160px;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --shadow-card: 0 10px 30px rgba(27, 40, 56, 0.08);
  --shadow-bar: 0 18px 50px rgba(27, 40, 56, 0.12);
}