/* =============================================================================
   VARIÁVEIS DO SITE — maiseventos.com.br
   Paleta clara + laranja da marca. Layout fluido.
============================================================================= */

:root {
  --cor-marca: #f07e26;
  --cor-marca-rgb: 240, 126, 38;
  --cor-marca-suave: rgba(var(--cor-marca-rgb), 0.12);

  --cor-fundo: #F6F6F4;
  --cor-fundo-elevado: #FFFFFF;
  --cor-fundo-suave: #EFEFEE;
  --cor-fundo-quente: #EEEEEC;

  --cor-texto: #161616;
  --cor-texto-claro: #5C5C5C;
  --cor-texto-apagado: #7A7A7A;
  --cor-texto-invertido: #F6F6F4;

  --cor-borda: rgba(22, 22, 22, 0.1);
  --cor-borda-forte: rgba(22, 22, 22, 0.18);

  --vidro-fundo: rgba(246, 246, 244, 0.86);
  --vidro-desfoque: 16px;

  --sombra-suave: 0 12px 32px rgba(22, 22, 22, 0.08);
  --sombra-foto: 0 24px 48px rgba(22, 22, 22, 0.12);

  --fonte-titulo: "clother", sans-serif;
  --fonte-texto: "clother", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --texto-xs: 0.75rem;
  --texto-sm: 0.875rem;
  --texto-base: 1rem;
  --texto-md: 1.125rem;
  --texto-lg: 1.25rem;
  --texto-xl: 1.5rem;
  --texto-2xl: 2rem;
  --texto-3xl: 2.75rem;
  --texto-4xl: 3.5rem;
  --texto-hero: 3.25rem;

  --altura-linha-apertada: 1.12;
  --altura-linha-media: 1.3;
  --altura-linha-corpo: 1.65;

  --largura-conteudo: 1180px;
  --nav-inset: 1.1rem;
  --nav-bar-height: 3.6rem;
  --altura-nav: calc(var(--nav-inset) + var(--nav-bar-height));
  --espaco-secao: clamp(5.5rem, 10vw, 8.5rem);

  --raio-sm: 6px;
  --raio-md: 12px;
  --raio-pill: 9999px;

  --easing-saida: cubic-bezier(0.22, 1, 0.36, 1);
  --duracao-rapida: 180ms;
  --duracao-normal: 420ms;

  --z-conteudo: 1;
  --z-nav: 100;
  --z-menu-overlay: 108;
  --z-menu: 110;
  --z-lightbox: 300;
}