/* ==========================================================================
   FEIRA DA CULTURA — CECIL
   tokens.css — variaveis globais do projeto
   Paleta oficial. Nao introduzir novas cores globais sem autorizacao.
   ========================================================================== */

:root {
  /* --- Paleta oficial --- */
  --cor-marrom-medio:  #AA5D4A;
  --cor-laranja:       #F19E22;
  --cor-amarelo:       #EDC254;
  --cor-marrom-escuro: #440D00;
  --cor-fundo:         #FFF8EE;
  --cor-branco:        #FFFFFF;

  /* --- Tons derivados da paleta (transparencias, nao sao cores novas) --- */
  --texto-forte:   var(--cor-marrom-escuro);
  --texto-suave:   rgba(68, 13, 0, 0.72);
  --texto-apoio:   rgba(68, 13, 0, 0.60);
  --linha-suave:   rgba(241, 158, 34, 0.45);
  --tint-marrom:   rgba(170, 93, 74, 0.10);
  --tint-laranja:  rgba(241, 158, 34, 0.12);

  /* --- Tipografia --- */
  --fonte-titulo: "Poppins", "Trebuchet MS", system-ui, -apple-system, sans-serif;
  --fonte-texto:  "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  /* --- Forma --- */
  --raio-card:  26px;
  --raio-caixa: 18px;
  --raio-pill:  999px;

  /* --- Sombras suaves --- */
  --sombra-card:       0 16px 38px rgba(68, 13, 0, 0.10), 0 3px 10px rgba(68, 13, 0, 0.05);
  --sombra-card-hover: 0 24px 52px rgba(68, 13, 0, 0.15), 0 6px 14px rgba(68, 13, 0, 0.07);
  --sombra-suave:      0 12px 30px rgba(68, 13, 0, 0.09);
  --sombra-menu:       0 18px 44px rgba(68, 13, 0, 0.16);
  --sombra-botao:      0 6px 14px rgba(68, 13, 0, 0.16);

  /* --- Layout --- */
  --largura-max: 1720px;
  --respiro-lateral: clamp(16px, 2.6vw, 48px);

  /* --- Movimento --- */
  --transicao: 180ms ease;
}