/* GERADO por tools/gerar-tokens.mjs, não edite à mão */

@layer tokens {
  :root {
    /* Cor de interface */
    --cor-tinta-900: #2b2140;
    --cor-tinta-600: #5a5070;
    --cor-tinta-400: #8b8499;
    --cor-tinta-200: #d5d0de;
    --cor-tinta-100: #efeaf6;
    --cor-tinta-50: #f4f1f8;
    --cor-branco: #ffffff;
    --cor-tinta-900-a22: rgb(43 33 64 / 0.22);
    --cor-tinta-900-a45: rgb(43 33 64 / 0.45);
    --cor-amarelo-ui: #ffd24a;
    --cor-amarelo-ui-a-35: rgb(255 210 74 / 0.35);
    --cor-verde-ui: #3ecf6a;
    --cor-rosa-50: #ffe0ec;
    /* Marca */
    --cor-marca-rosa: #ff8ab5;
    --cor-marca-rosa-claro: #ffb4d6;
    /* Ilustração (PALETA) */
    --cor-ilustracao-rosa: #ff7e9d;
    --cor-ilustracao-rosa-claro: #ffc2d4;
    --cor-ilustracao-vermelho: #ef5b5b;
    --cor-ilustracao-laranja: #ff9b42;
    --cor-ilustracao-amarelo: #ffe14a;
    --cor-ilustracao-verde: #4cbf6a;
    --cor-ilustracao-verde-claro: #b6e07a;
    --cor-ilustracao-azul: #4d9de0;
    --cor-ilustracao-azul-claro: #9fd4f0;
    --cor-ilustracao-roxo: #8b6cc1;
    --cor-ilustracao-lilas: #c9b4f0;
    --cor-ilustracao-marrom: #c4844a;
    --cor-ilustracao-bege: #f0d4b0;
    --cor-ilustracao-branco: #ffffff;
    --cor-ilustracao-cinza: #b0acc0;
    --cor-ilustracao-tinta: #2b2140;
    /* Espaço */
    --espaco-0-8: 0.2rem;
    --espaco-1: 0.25rem;
    --espaco-1-2: 0.3rem;
    --espaco-1-4: 0.35rem;
    --espaco-1-5: 0.375rem;
    --espaco-1-6: 0.4rem;
    --espaco-2: 0.5rem;
    --espaco-2-2: 0.55rem;
    --espaco-2-4: 0.6rem;
    --espaco-2-8: 0.7rem;
    --espaco-3: 0.75rem;
    --espaco-3-2: 0.8rem;
    --espaco-4: 1rem;
    --espaco-4-4: 1.1rem;
    --espaco-5: 1.25rem;
    --espaco-5-2: 1.3rem;
    --espaco-6: 1.5rem;
    --espaco-gap: 12px;
    --espaco-gap-estreito: 8px;
    --espaco-pad: 16px;
    --espaco-pad-estreito: 12px;
    --espaco-pad-largo: 24px;
    --espaco-dialogo-folga: 24px;
    --espaco-dialogo-folga-baixa: 16px;
    --espaco-px-1: 1px;
    --espaco-px-4: 4px;
    --espaco-px-6: 6px;
    --espaco-esconder: 100px;
    --espaco-chegada-queda: 180px;
    --espaco-em-0-25: 0.25em;
    --espaco-em-0-3: 0.3em;
    --espaco-em-0-35: 0.35em;
    --espaco-em-0-4: 0.4em;
    --espaco-em-0-45: 0.45em;
    --espaco-em-0-6: 0.6em;
    --espaco-em-0-8: 0.8em;
    --espaco-em-0-85: 0.85em;
    --espaco-em-1: 1em;
    --espaco-em-1-2: 1.2em;
    --espaco-mm-1: 1mm;
    --espaco-mm-2: 2mm;
    --espaco-mm-3: 3mm;
    --espaco-mm-6: 6mm;
    --espaco-mm-8: 8mm;
    --espaco-mm-10: 10mm;
    --espaco-mm-14: 14mm;
    /* Raio */
    --raio-1: 10px;
    --raio-2: 14px;
    --raio-3: 18px;
    --raio-4: 20px;
    --raio-5: 22px;
    --raio-redondo: 50%;
    /* Borda */
    --borda-largura-grossa: 3px;
    --borda-largura-fina: 2px;
    /* Sombra */
    --sombra-deslocamento: 4px;
    --sombra-papel: 0 2px 14px rgb(43 33 64 / 0.18);
    /* Tipografia */
    --fonte-1: clamp(0.9375rem, 0.918rem + 0.096vw, 1rem);
    --fonte-2: clamp(0.9375rem, 0.912rem + 0.128vw, 1rem);
    --fonte-3: clamp(1rem, 0.86rem + 0.714vw, 1.125rem);
    --fonte-4: clamp(1.125rem, 1rem + 0.625vw, 1.3125rem);
    --fonte-5: clamp(1.375rem, 1.1rem + 1.2vw, 1.6875rem);
    --fonte-familia-titulo: "Fredoka", "Nunito", sans-serif;
    --fonte-familia-texto: "Nunito", "Fredoka", sans-serif;
    --fonte-peso-normal: 400;
    --fonte-peso-titulo: 600;
    --fonte-peso-forte: 700;
    --altura-linha-texto: 1.45;
    --altura-linha-titulo: 1.2;
    --altura-linha-passo: 1.3;
    --fonte-corpo: var(--fonte-3);
    --fonte-marca: clamp(1.45rem, 0.88rem + 2.533vw, 2.4rem);
    --fonte-marca-celular: clamp(1.45rem, 0.88rem + 2.533vw, 1.6rem);
    --fonte-cartao-nome: clamp(0.9375rem, 0.903rem + 0.172vw, 1.05rem);
    --fonte-estrelas: var(--fonte-2);
    --fonte-nome-cor: clamp(0.9375rem, 0.934rem + 0.019vw, 0.95rem);
    --fonte-regua: clamp(0.9375rem, 0.918rem + 0.096vw, 1rem);
    --fonte-regua-baixa: clamp(0.9375rem, 0.85rem + 0.3vw, 0.9375rem);
    --fonte-abas-estreitas: clamp(0.9375rem, 0.688rem + 1.25vw, 1rem);
    --fonte-impressao-titulo: 16pt;
    --fonte-impressao-texto: 12pt;
    --fonte-impressao-apoio: 10.5pt;
    /* Movimento */
    --duracao-instantanea: 0ms;
    --duracao-rapida: 120ms;
    --duracao-busca: 200ms;
    --duracao-festa: 1800ms;
    --duracao-segurar: 2000ms;
    --duracao-chegada: 700ms;
    --duracao-chegada-atraso: 500ms;
    --curva-saida: cubic-bezier(0.2, 0.8, 0.2, 1);
    --curva-queda: ease-in;
    /* Camada (z-index) */
    --camada-esmaecer: 2;
    --camada-decalque: 40;
    --camada-decalque-controles: 42;
    --camada-decalque-bloqueio: 46;
    --camada-decalque-destravar: 50;
    --camada-pular-conteudo: 80;
    /* Alvo de toque */
    --alvo-toque: 56px;
    --alvo-toque-confortavel: 60px;
    /* Medida */
    --foco-largura: 3px;
    --foco-afastamento: 3px;
    --foco-recuo: 6px;
    --foco-respiro: 12px;
    --largura-pagina-max: 1440px;
    /* Breakpoints (só documentação; @media não lê var()) */
    --bp-tablet: 700px;
    --bp-grade: 720px;
    --bp-notebook: 1100px;
    --bp-largo: 1440px;
    --bp-altura-baixa: 800px;
    --bp-altura-minima: 560px;
    --bp-abas-estreitas: 400px;
    /* Semântico */
    --cor-texto: var(--cor-tinta-900);
    --cor-texto-suave: var(--cor-tinta-600);
    --cor-fundo: var(--cor-branco);
    --cor-superficie: var(--cor-branco);
    --cor-superficie-suave: var(--cor-tinta-50);
    --cor-borda: var(--cor-tinta-900);
    --cor-pontilhado: var(--cor-tinta-200);
    --cor-foco: var(--cor-tinta-900);
    --cor-selecionado: var(--cor-amarelo-ui);
    --cor-aviso: var(--cor-amarelo-ui);
    --cor-aviso-adulto: var(--cor-rosa-50);
    --cor-aviso-emenda: var(--cor-amarelo-ui-a-35);
    --cor-acao-principal: var(--cor-verde-ui);
    --cor-veu: var(--cor-tinta-900-a45);
    --cor-esmaecer: var(--cor-tinta-900-a22);
    --cor-decalque-fundo: #ffffff;
    --cor-cola-fundo: var(--cor-tinta-100);
    --cor-cola-ponto: var(--cor-tinta-400);
    /* Categoria */
    --cor-categoria-comidinhas: var(--cor-ilustracao-laranja);
    --cor-categoria-doces: var(--cor-ilustracao-rosa);
    --cor-categoria-frutas: var(--cor-ilustracao-vermelho);
    --cor-categoria-bichinhos: var(--cor-ilustracao-laranja);
    --cor-categoria-mar: var(--cor-ilustracao-azul);
    --cor-categoria-natureza: var(--cor-ilustracao-verde);
    --cor-categoria-fantasia: var(--cor-ilustracao-lilas);
    --cor-categoria-datas: var(--cor-ilustracao-vermelho);
    --cor-categoria-coisinhas: var(--cor-ilustracao-amarelo);
    /* Forma */
    --borda-adesivo: var(--borda-largura-grossa) solid var(--cor-borda);
    --sombra-adesivo: var(--sombra-deslocamento) var(--sombra-deslocamento) 0 var(--cor-borda);
    --sombra-apertada: 0 0 0 var(--cor-borda);
    --foco-anel: var(--foco-largura) solid var(--cor-foco);
    --espaco-pagina: var(--espaco-4);
    /* Apelidos de ponte (nomes atuais do CSS) */
    --fundo: var(--cor-fundo);
    --tinta: var(--cor-tinta-900);
    --pontilhado: var(--cor-pontilhado);
    --amarelo: var(--cor-amarelo-ui);
    --branco: var(--cor-branco);
    --raio: var(--raio-4);
    --raio-sm: var(--raio-3);
    --raio-lg: var(--raio-5);
    --borda: var(--borda-adesivo);
    --sombra: var(--sombra-adesivo);
    --sombra-aperta: var(--sombra-apertada);
    --alvo: var(--alvo-toque);
    --gap: var(--espaco-gap);
    --pad: var(--espaco-pad);
    --titulo: var(--fonte-familia-titulo);
    --texto: var(--fonte-familia-texto);
  }
}