/* =====================================================================
   TOKENS — Identidade Mel de Esperança (logo OFICIAL)
   ---------------------------------------------------------------------
   Paleta extraída do logotipo oficial: caramelo + branco/creme.
   Tipografia arredondada e amigável (estilo do logotipo).
   Ponto único de encaixe da marca — componentes não mudam.
   Expansão (refactor visual): tons de apoio, escala display, sombras
   de profundidade, raio-xl e transições padronizadas. Marca preservada.
   ===================================================================== */

:root {
  /* ---- Cores de marca (do logo) ---- */
  --cor-primaria:        #B47139; /* caramelo exato do logo (amostrado do PNG) */
  --cor-primaria-escura: #8A5A2A;
  --cor-primaria-clara:  #EAD7B7; /* creme caramelo */
  --cor-primaria-suave:  #F6EAD7; /* caramelo bem claro p/ superfícies/realces */

  --cor-acao:            #1F9D55; /* DOAR / ação positiva (funcional) */
  --cor-acao-escura:     #157F43;

  --cor-perigo:          #D64545; /* denúncia / erro / destrutivo */
  --cor-sucesso:         #1F9D55;
  --cor-aviso:           #E0A526;
  --cor-mel:             #E0A526; /* dourado/mel p/ detalhes decorativos */
  --cor-info:            #8A5A2A; /* marrom do logo (coesão da marca) */

  /* ---- Neutros (quentes) ---- */
  --neutro-50:  #FBF8F3;
  --neutro-100: #F3EEE6;
  --neutro-200: #E5DCCE;
  --neutro-300: #CFC4B2;
  --neutro-400: #A89C87;
  --neutro-500: #7C7058;
  --neutro-600: #5A4F3C;
  --neutro-700: #3D3527;
  --neutro-800: #2A2419;
  --neutro-900: #1C1813;

  /* ---- Semânticos ---- */
  --bg:            var(--neutro-50);
  --superficie:    #FFFFFF;
  --superficie-alt:#FBF4EA;       /* superfície quente alternativa (ritmo de seções) */
  --texto:         var(--neutro-900);
  --texto-suave:   var(--neutro-600);
  --borda:         var(--neutro-200);
  --leitura:       68ch;          /* largura máx. de leitura confortável */

  /* ---- Tipografia (arredondada, estilo do logo) ---- */
  --fonte-titulo: 'Baloo 2', 'Trebuchet MS', system-ui, sans-serif;
  --fonte-corpo:  'Nunito', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --fs-12: 0.75rem;  --fs-14: 0.875rem; --fs-16: 1rem;     --fs-20: 1.25rem;
  --fs-24: 1.5rem;   --fs-32: 2rem;     --fs-40: 2.5rem;   --fs-48: 3rem;
  --fs-display: 3.5rem; /* hero (56px) */

  --peso-normal: 400; --peso-medio: 600; --peso-semi: 700; --peso-bold: 800;
  --lh-apertada: 1.12; --lh-normal: 1.6;

  /* ---- Espaçamento ---- */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;
  --s-9: 80px; --s-10: 96px;

  /* ---- Raio ---- */
  --raio-sm: 8px; --raio-md: 12px; --raio-lg: 20px; --raio-xl: 28px; --raio-full: 999px;

  /* ---- Sombras (quentes, realistas) ---- */
  --sombra-sm:    0 1px 2px rgba(28,24,19,.08);
  --sombra-md:    0 4px 12px rgba(28,24,19,.10);
  --sombra-lg:    0 12px 32px rgba(28,24,19,.14);
  --sombra-card:  0 1px 2px rgba(28,24,19,.05), 0 10px 24px -10px rgba(138,90,42,.18);
  --sombra-hover: 0 6px 10px -6px rgba(138,90,42,.18), 0 22px 44px -16px rgba(138,90,42,.30);

  /* ---- Transições padronizadas (sem transition:all) ---- */
  --trans-rapida: 150ms cubic-bezier(.4, 0, .2, 1);
  --trans-media:  240ms cubic-bezier(.4, 0, .2, 1);

  --container: 1120px;
  --foco: 0 0 0 3px rgba(181,121,58,.45); /* anel de foco na cor da marca */
}