/* Tokens de marca – Dra. Vanessa Lima
   Fonte única de cores, tipografia e espaçamentos para site, quiz, guia e peças.
   Contrastes verificados (WCAG AA) para os pares indicados. */
:root {
  /* Cores base */
  --vinho: #7B151A;          /* principal; texto branco/creme sobre ele: AA */
  --vinho-escuro: #4A0A10;   /* fundos profundos */
  --vinho-medio: #5E0F15;    /* cartões sobre vinho-escuro */
  --dourado: #C5A059;        /* destaques e fundos; texto vinho-escuro sobre ele: AA */
  --dourado-texto: #8A6420;  /* dourado para TEXTO sobre fundo claro: AA */
  --dourado-claro: #EBD39A;  /* dourado para TEXTO sobre fundo vinho: AA */
  --creme: #EFE6D8;          /* fundos suaves */
  --creme-claro: #FAF6EF;    /* fundo de página */
  --branco: #FFFFFF;
  --tinta: #2B1A1A;          /* texto principal */
  --tinta-suave: #6B5B54;    /* texto secundário; AA sobre branco e creme-claro */
  --linha: #EADFCE;          /* bordas */

  /* Tipografia */
  /* Títulos: Cormorant Garamond (só em tamanhos grandes, a partir de ~24px). Texto e interface: Inter.
     Carregar no <head>: https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Inter:wght@400;500;600;700&display=swap */
  --fonte-titulo: "Cormorant Garamond", "Cormorant", Garamond, Georgia, serif;
  --fonte: "Inter", "Helvetica Neue", Arial, sans-serif;
  --fs-xs: .8125rem;
  --fs-sm: .9375rem;
  --fs-base: 1.0625rem;  /* 17px: Inter lê bem a partir de 16px */
  --fs-lg: 1.25rem;
  /* Escala maior nos títulos: a Cormorant tem altura-x pequena */
  --fs-xl: clamp(1.75rem, 1.4rem + 1.4vw, 2.35rem);
  --fs-2xl: clamp(2.3rem, 1.7rem + 2.4vw, 3.3rem);
  --fs-3xl: clamp(2.9rem, 1.9rem + 4.2vw, 4.75rem);

  /* Espaço, raio, sombra */
  --esp-1: .25rem; --esp-2: .5rem; --esp-3: .75rem; --esp-4: 1rem;
  --esp-6: 1.5rem; --esp-8: 2rem; --esp-12: 3rem; --esp-16: 4rem; --esp-24: 6rem;
  --raio: 14px;
  --raio-lg: 22px;
  --sombra: 0 2px 10px rgba(74, 10, 16, .07);
  --sombra-lg: 0 12px 34px rgba(74, 10, 16, .12);
  --largura: 1160px;
}