/* ==========================================================================
   VARIÁVEIS DE DESIGN — Numismática BH
   Paleta "Cofre & Ouro": marrom quase preto (cofre) + dourado antigo +
   creme/pergaminho. Troque os valores aqui para mudar o site inteiro.
   ========================================================================== */
:root {
  /* Cores base */
  --color-creme: #F7F1E6;
  --color-creme-escuro: #EEE1C6;
  --color-marfim: #FFFBF3;
  --color-vault: #1B1206;
  --color-vault-alt: #120C04;
  --color-cacau: #33210F;
  --color-cacau-claro: #6E4E37;
  --color-cacau-claro-alt: #B79B6A;
  --color-dourado: #C79A46;
  --color-dourado-claro: #E4CB8E;

  /* WhatsApp — verde oficial, usado só nos CTAs de WhatsApp */
  --color-wa: #25D366;
  --color-wa-hover: #1FB958;

  /* Texto secundário sobre fundo escuro */
  --color-text-on-dark: #EEE1C6;
  --color-text-on-dark-muted: rgba(247, 241, 230, .6);

  /* Tipografia */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'DM Sans', -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  /* Espaçamento */
  --space-2xs: .4rem;
  --space-xs: .8rem;
  --space-sm: 1.2rem;
  --space-md: 2rem;
  --space-lg: 3.2rem;
  --space-xl: 5.2rem;

  /* Padding padrão de seção (topo/base) e lateral */
  --section-padding-y: clamp(64px, 8vw, 100px);
  --section-padding-x: clamp(20px, 4vw, 40px);

  /* Raios, sombras, transições */
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --shadow-md: 0 10px 30px rgba(0, 0, 0, .12);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, .28);
  --transition: .3s ease;

  /* Largura máxima do conteúdo */
  --container-width: 1180px;
}