/* Tokens — fonte única de estilo do site Nessa.
   Cores da marca conforme miv/cores.pdf. Nenhum valor visual vive fora daqui.
   A exceção Distribuição Exclusiva/Havaianas recebe tokens próprios em arquivo separado. */
:root {
  /* ---- Cor da marca (oficial, não alterar) ---- */
  --cor-azul-cobalto: #1E478E;
  --cor-amarelo-gema: #FDB913;
  --cor-cinza-prata: #BCBEC0;
  /* Cinza da logomarca oficial (arquivo da marca), distinto do cinza-prata do MIV. */
  --cor-logo-prata: #A7A9AC;
  --cor-branco: #FFFFFF;
  --cor-preto: #000000;

  /* ---- Derivadas do cobalto (legibilidade e profundidade, não são cores novas de marca) ---- */
  --cor-azul-profundo: #0A1B3D;
  --cor-azul-luz: #3D7AC4;
  --cor-tinta: #101B2D;

  /* ---- Papéis ---- */
  --cor-fundo: var(--cor-branco);
  --cor-fundo-suave: #F4F6F9;
  --cor-fundo-escuro: #0A1524;
  --cor-superficie-escura: #12233E;

  --cor-texto: var(--cor-tinta);
  --cor-texto-titulo: var(--cor-azul-cobalto);
  --cor-texto-apoio: #5C6B82;
  --cor-texto-sobre-escuro: #EAEFF7;
  --cor-texto-apoio-escuro: #93A3BA;
  --cor-texto-mono-escuro: #7A8CA6;

  --cor-destaque: var(--cor-amarelo-gema);
  --cor-tinta-sobre-destaque: var(--cor-superficie-escura);

  --cor-linha: #E2E6EC;
  --cor-linha-escura: #1E3557;
  --cor-alerta: #8B241C;
  --cor-sucesso: #1E478E;

  /* ---- Tipografia ---- */
  --fonte-display: 'Manrope', system-ui, sans-serif;
  --fonte-mono: 'JetBrains Mono', monospace;

  --texto-hero: clamp(2.75rem, 8.5vw, 7rem);
  --texto-h2: clamp(1.9rem, 4.2vw, 3.25rem);
  --texto-h3: clamp(1.15rem, 1.9vw, 1.5rem);
  --texto-corpo: clamp(1rem, 1.05vw, 1.0625rem);
  --texto-apoio: 0.9375rem;
  --texto-mono: 0.6875rem;
  --texto-numero: clamp(1.75rem, 3.4vw, 2.75rem);
  --texto-numero-grande: clamp(2.75rem, 6.5vw, 5rem);

  --tracking-display: -0.045em;
  --tracking-h2: -0.03em;
  --tracking-numero: -0.06em;
  --tracking-mono: 0.16em;
  --entrelinha-display: 0.9;
  --entrelinha-h2: 1.02;

  /* ---- Espaço, medida e forma ---- */
  --espaco-secao: clamp(4.5rem, 10vw, 9rem);
  --espaco-bloco: clamp(2rem, 5vw, 4rem);
  --espaco-container: clamp(1.25rem, 4vw, 3rem);
  --largura-container: 1280px;
  --medida-leitura: 62ch;
  --raio-padrao: 2px;
  --alvo-toque-min: 44px;
  --altura-cabecalho: 84px;
  --altura-cabecalho-marca: 56px;
  --altura-rodape-marca: 50px;
  --altura-logo-parceiro: clamp(2.7rem, 4.2vw, 3.6rem);
  --espaco-grade-parceiros: clamp(1.25rem, 3vw, 2.5rem);
  --espaco-controle-formulario: 0.75rem;
  --deslocamento-cabecalho-solido: 3.5rem;

  /* ---- Movimento ---- */
  --ease-padrao: cubic-bezier(0.16, 1, 0.3, 1);
  --transicao-padrao: 0.95s var(--ease-padrao);
  --transicao-media: 0.6s var(--ease-padrao);
  --transicao-rapida: 0.35s var(--ease-padrao);
  --transicao-cabecalho: 0.55s var(--ease-padrao);
  --passo-coreografia: 0.09s;

  /* ---- Tratamento de imagem (sistema) ---- */
  --grade-fria: grayscale(1) contrast(1.1) brightness(0.84);
  --grade-quente: grayscale(0.2) contrast(1.06) brightness(0.9) saturate(1.08);
  --duotone: linear-gradient(155deg, var(--cor-azul-profundo) 0%, var(--cor-azul-cobalto) 60%, var(--cor-azul-luz) 100%);
  --duotone-opacidade-fria: 0.92;
  --duotone-opacidade-quente: 0.3;
  --textura-grao: url('../../imagens/site/grao.png');
  --grao-opacidade: 0.14;
  --grao-escala: 128px;

  /* ---- Prototipos de paginas internas ---- */
  --texto-interna-hero: clamp(3rem, 7.4vw, 6.8rem);
  --texto-manifesto: clamp(2.25rem, 5.4vw, 5.25rem);
  --texto-etapa: clamp(1.35rem, 2.3vw, 2rem);
  --texto-rota: clamp(4rem, 11vw, 10rem);
  --largura-leitura-interna: 54ch;
  --altura-hero-interna: 88svh;
  --altura-hero-interna-reserva: 88vh;
  --altura-hero-home: 100dvh;
  --altura-hero-home-reserva: 100vh;
  --espaco-interna-curto: clamp(3rem, 7vw, 6rem);
  --espaco-interna-longo: clamp(5rem, 13vw, 11rem);
  --tamanho-icone-principio: 2rem;
  --foco-anhanguera: 50% 50%;
  --veu-anhanguera: linear-gradient(100deg, color-mix(in srgb, var(--cor-azul-profundo) 92%, transparent), color-mix(in srgb, var(--cor-azul-cobalto) 76%, transparent));
  --linha-prototipo: rgba(234, 239, 247, 0.2);
  --azul-translucido: rgba(30, 71, 142, 0.2);
  --branco-translucido: rgba(234, 239, 247, 0.78);
  --sombra-profunda: 0 2rem 5rem rgba(3, 8, 20, 0.32);
  --largura-rota: 2px;
  --tamanho-ponto-rota: 12px;
  --grade-regioes-resumo: repeat(2, minmax(0, 1fr));
  --grade-regioes-cabeca: minmax(18rem, 0.8fr) minmax(20rem, 1.2fr);
  --grade-regioes-exploracao: minmax(0, 1fr) minmax(24rem, 30vw);
  --grade-regioes-dados: minmax(0, 0.7fr) minmax(0, 1.3fr);
  --grade-regioes-coluna: minmax(0, 1fr);
  --coluna-grade-total: 1 / -1;
  --altura-regioes-exploracao: clamp(34rem, 58svh, 40rem);
  --largura-mapa-regioes: 50rem;
  --altura-campo-mapa: clamp(30rem, 40vw, 42rem);
  --medida-titulo-regioes: 18ch;
  --espaco-regioes-secao: clamp(3rem, 5vh, 4.5rem);
  --espaco-regioes-intervalo: clamp(1.5rem, 3vh, 2.5rem);
  --borda-fina: 1px;
  --espaco-zero: 0;
}