/* =========================================================
   ALTER — Design Tokens
   ========================================================= */

:root {
  /* Cores secas inspiradas no Alentejo */
  --color-bg-paper: #F4F1EA;       /* Cal de parede / papel envelhecido */
  --color-bg-paper-dark: #EEEAE0;  /* Variante mais escura para contraste */
  --color-primary: #5C6B3F;         /* Verde-oliveira folha de Verão */
  --color-primary-dark: #2F3A22;    /* Verde-oliveira escuro para títulos */
  --color-accent: #A8744A;          /* Terracota / ocre / telha */
  --color-accent-hover: #8F5F38;    /* Terracota mais escuro para hover */
  --color-accent-soft: #E9D9C9;     /* Terracota muito esbatido para fundos */
  --color-text-body: #1F1F1D;       /* Preto suave (nunca #000) */
  --color-text-secondary: #5D5A55;  /* Cinza-pedra para notas secundárias (contraste WCAG AA) */
  --color-text-muted: #6B6862;
  --color-border: #D1CDC4;          /* Linha de separação suave */
  --color-border-strong: #B5B0A5;   /* Borda mais marcada */
  --color-white: #FFFFFF;
  --color-dusk: #D8A98E;            /* Rosa-poente para acentos */
  --color-overlay-dark: rgba(20, 22, 14, 0.55);   /* Vinheta sobre fotografia */
  --color-overlay-darker: rgba(20, 22, 14, 0.78);
  --color-success: #3A5A4F;
  --color-warning: #A06A1F;

  /* Tipografia */
  --font-serif: "Spectral", "EB Garamond", "Cormorant Garamond", Georgia, serif;
  --font-sans: "Source Sans 3", "Inter", -apple-system, sans-serif;

  /* Espaçamentos e Medidas */
  --max-content-width: 760px;       /* Excelente legibilidade para texto corrido */
  --max-layout-width: 1200px;
  --max-wide-width: 1400px;
  --gap-xs: 0.5rem;
  --gap-sm: 1rem;
  --gap-md: 1.5rem;
  --gap-lg: 2rem;
  --gap-xl: 3rem;
  --gap-2xl: 4.5rem;
  --section-padding-desktop: 96px;
  --section-padding-mobile: 48px;

  /* Sombra e elevação */
  --shadow-soft: 0 4px 12px rgba(47, 58, 34, 0.06);
  --shadow-medium: 0 8px 24px rgba(47, 58, 34, 0.10);
  --shadow-hard: 0 16px 48px rgba(47, 58, 34, 0.15);

  /* Transições */
  --transition-fast: 0.2s ease;
  --transition-medium: 0.3s ease;

  /* Radii */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-pill: 999px;
}