/* =====================================================================
   MinanaFest · tokens da identidade visual 2026
   Fonte única de cores, tipografia, espaços, cantos e sombra.
   Prefixo --mf-. Os valores de contraste foram medidos (WCAG 2.1).
   ===================================================================== */

:root {
  /* ---------- Cores da marca ---------- */
  --mf-azul-lago: #1F6FD9;        /* confiança: links, fundos fortes, ícone do app. Branco em cima 4,9:1 */
  --mf-azul-lago-escuro: #14306B; /* hover de link e de botão secundário */
  --mf-sol: #FFC93C;              /* alegria: destaques, selos. Texto em cima só Azul Noite (8,9:1) */
  --mf-sol-escuro: #FFAA1F;       /* estrela da nota, borda do sol */
  --mf-rosa-laco: #F2639B;        /* carinho: formas e ilustração. NÃO usar com texto branco (3,0:1) */
  --mf-azul-noite: #1B2A5C;       /* todo texto, rodapé, contorno. Substitui o preto */

  /* ---------- Cores de festa (apoio, nunca mais de duas por peça) ---------- */
  --mf-verde-folha: #43B97F;
  --mf-mexerica: #FF8A3D;
  --mf-lilas-bolha: #9B7BE0;
  --mf-ceu: #7CC2FF;

  /* ---------- Cores de ação (uma função cada) ---------- */
  --mf-rosa-forte: #D6336F;        /* botão principal: agendar, orçamento. Branco 4,6:1 */
  --mf-rosa-forte-hover: #B8235B;
  --mf-verde-grama: #0E8043;       /* SÓ WhatsApp e confirmação. Branco 5,0:1 */
  --mf-verde-grama-hover: #0A6A37;
  --mf-alerta: #C62E2E;            /* erro de formulário, data reservada. 5,5:1 */

  /* ---------- Neutros ---------- */
  --mf-papel: #FFF9F1;      /* fundo padrão */
  --mf-branco: #FFFFFF;
  --mf-nuvem: #F2F6FC;      /* seção alternada, campo de formulário */
  --mf-areia: #ECE3D6;      /* bordas e divisórias sobre o Papel */
  --mf-linha-campo: #D5DCEA;/* borda de campo */
  --mf-cinza-texto: #4B587A;/* texto de apoio, legenda. 7,1:1 no branco */
  --mf-desativado-fundo: #ECE3D6;
  --mf-desativado-texto: #6E7690;

  /* ---------- Tons claros (fundos de card e selo) ---------- */
  --mf-lago-claro: #DCEBFF;
  --mf-sol-claro: #FFF1C7;
  --mf-rosa-claro: #FFE1EC;
  --mf-folha-clara: #DDF5E8;
  --mf-mexerica-clara: #FFE7D6;
  --mf-lilas-claro: #EEE8FB;

  /* Texto escuro para usar sobre os tons claros */
  --mf-texto-sobre-rosa-claro: #B0285B;
  --mf-texto-sobre-folha-clara: #0E6B39;
  --mf-texto-sobre-lilas-claro: #5A3DB0;
  --mf-texto-sobre-sol-claro: #7A4A00;
  --mf-texto-sobre-lago-claro: #14306B;

  /* ---------- Tipografia ---------- */
  --mf-fonte-titulo: 'Fredoka', 'Nunito', system-ui, sans-serif;
  --mf-fonte-texto: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* escala do site: computador (celular via clamp) */
  --mf-display: clamp(2.75rem, 5vw, 4.5rem);   /* 44 a 72 px, Fredoka 600, altura 1,05 */
  --mf-titulo-1: clamp(2.125rem, 3.6vw, 3.25rem);/* 34 a 52 px, Fredoka 600, 1,1 */
  --mf-titulo-2: clamp(1.625rem, 2.6vw, 2.25rem);/* 26 a 36 px, Fredoka 600, 1,15 */
  --mf-titulo-3: clamp(1.3125rem, 1.8vw, 1.5rem);/* 21 a 24 px, Fredoka 600, 1,25 */
  --mf-texto-grande: clamp(1.125rem, 1.4vw, 1.25rem); /* 18 a 20 px, Figtree 400, 1,55 */
  --mf-texto: 1.0625rem;      /* 17 px, Figtree 400, 1,6 */
  --mf-legenda: 0.875rem;     /* 14 px, Figtree 500 */
  --mf-selo: 0.8125rem;       /* 13 px, Figtree 700, caixa alta, +16% */
  --mf-botao: 1.0625rem;      /* 17 px, Figtree 700 */

  /* ---------- Espaços ---------- */
  --mf-esp-1: 4px;  --mf-esp-2: 8px;  --mf-esp-3: 12px; --mf-esp-4: 16px;
  --mf-esp-5: 24px; --mf-esp-6: 32px; --mf-esp-7: 48px; --mf-esp-8: 72px; --mf-esp-9: 96px;
  --mf-largura-conteudo: 1200px;
  --mf-margem-lateral: 20px;

  /* ---------- Cantos ---------- */
  --mf-canto-campo: 16px;
  --mf-canto-card: 28px;
  --mf-canto-secao: 40px;
  --mf-canto-pilula: 999px;

  /* ---------- Sombra (uma só) ---------- */
  --mf-sombra: 0 12px 32px rgba(27, 42, 92, 0.10);
  --mf-sombra-botao-rosa: 0 6px 18px rgba(214, 51, 111, 0.28);

  /* ---------- Foco do teclado ---------- */
  --mf-foco: 3px solid var(--mf-azul-noite);
  --mf-foco-offset: 3px;

  /* ---------- Movimento ---------- */
  --mf-transicao: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ---------------------------------------------------------------------
   Ponte com o CSS antigo (assets/minanafest.css).
   O CSS atual usa estas variáveis em ~190 lugares. Redefinir aqui troca
   a paleta do site inteiro de uma vez, antes da limpeza fina.
   Remover esta ponte quando todo o CSS usar só --mf-*.
   --------------------------------------------------------------------- */
:root {
  --rosa: var(--mf-rosa-forte);
  --rosa-escuro: var(--mf-rosa-forte-hover);
  --amarelo: var(--mf-sol);
  --azul-bebe: var(--mf-ceu);
  --lilas: var(--mf-lilas-bolha);
  --verde-menta: var(--mf-folha-clara);
  --branco: var(--mf-branco);
  --preto: var(--mf-azul-noite);
  --cinza: var(--mf-cinza-texto);
  --glass-bg: var(--mf-branco);
  --glass-border: var(--mf-areia);
  --glass-shadow: var(--mf-sombra);
  --glass-blur: none;
  --radius-lg: var(--mf-canto-card);
  --radius-md: 18px;
  --radius-pill: var(--mf-canto-pilula);
  /* degradês viram cor sólida */
  --gradient-hero: var(--mf-azul-noite);
  --gradient-primario: var(--mf-rosa-forte);
  --gradient-secundario: var(--mf-lago-claro);
  --gradient-contato: var(--mf-azul-lago);
  --gradient-footer: var(--mf-azul-noite);
}