/* ==========================================================================
   variables.css — tokens de marca (Projeto Dra. Francisléia · modelo 2)
   Paleta extraída da roupa dela / guia de marca:
   Vinho, Marinho, Branco, Azul Claro, Vermelho
   ========================================================================== */

:root {
  /* Cores de marca */
  --cor-vinho:        #8B1E3F;
  --cor-vinho-escuro:  #6c1730;
  --cor-vinho-suave:   #a5395a;
  --cor-marinho:       #0F2340;
  --cor-marinho-claro: #1a3358;
  --cor-branco:        #F7F7F7;
  --cor-azul-claro:    #D6DCE6;
  --cor-vermelho:      #E63946;
  --cor-vermelho-escuro:#c62835;
  --cor-rosa-suave:    #f6d9df;
  --cor-ouro:          #B8860B;
  --cor-ouro-claro:    #E6C15A;

  /* Papéis semânticos */
  --cor-fundo:        #ffffff;
  --cor-fundo-suave:  var(--cor-branco);
  --cor-texto:        var(--cor-marinho);
  --cor-texto-suave:  #4a5568;
  --cor-texto-claro:  #ffffff;
  --cor-destaque:     var(--cor-vermelho);
  --cor-primaria:     var(--cor-vinho);
  --cor-secundaria:   var(--cor-marinho);

  /* Tipografia */
  --fonte-titulo: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --fonte-texto:  'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Espaçamento */
  --espaco-xs: 0.5rem;
  --espaco-sm: 1rem;
  --espaco-md: 1.75rem;
  --espaco-lg: 3rem;
  --espaco-xl: 5rem;

  /* Layout */
  --largura-maxima: 1200px;
  --raio-sm: 10px;
  --raio-md: 18px;
  --raio-lg: 32px;
  --raio-pill: 999px;

  /* Sombra */
  --sombra-sm: 0 4px 14px rgba(15, 35, 64, 0.08);
  --sombra-md: 0 12px 32px rgba(15, 35, 64, 0.14);
  --sombra-vinho: 0 12px 28px rgba(139, 30, 63, 0.28);

  /* Transições */
  --transicao: 0.28s ease;
}