/* GERADO por scripts/build.py a partir de tokens/*.json. Não edite. */
/* Fontes: fonts/Nunito-Variable.woff2 e fonts/Inter-Variable.woff2 (ou Google Fonts: Nunito 400-900, Inter 400-600). */
:root {
  /* cor.roxo */
  --cor-roxo-50: #F9F4FF;
  --cor-roxo-100: #F2E8FF;
  --cor-roxo-200: #E6D0FF;
  --cor-roxo-300: #D5ACFE;
  --cor-roxo-400: #C585FF;
  --cor-roxo-500: #AF66EC;
  --cor-roxo-600: #964DD1;
  --cor-roxo-700: #7E32B6;
  --cor-roxo-800: #600094;
  --cor-roxo-900: #45016C;
  /* cor.violeta */
  --cor-violeta-50: #F7F5FE;
  --cor-violeta-100: #EEE9FE;
  --cor-violeta-200: #DED3FF;
  --cor-violeta-300: #C7B3FF;
  --cor-violeta-400: #B094F5;
  --cor-violeta-500: #987BDA;
  --cor-violeta-600: #8063BF;
  --cor-violeta-700: #694BA5;
  --cor-violeta-800: #573890;
  --cor-violeta-900: #371E62;
  /* cor.ameixa */
  --cor-ameixa-50: #FAF5FB;
  --cor-ameixa-100: #EEE4F2;
  --cor-ameixa-200: #E7D2EE;
  --cor-ameixa-300: #D4B3DF;
  --cor-ameixa-400: #BC99C8;
  --cor-ameixa-500: #A380AF;
  --cor-ameixa-600: #8A6996;
  --cor-ameixa-700: #73527D;
  --cor-ameixa-800: #51325B;
  --cor-ameixa-900: #3D2545;
  /* cor.rosa */
  --cor-rosa-50: #FFF3F5;
  --cor-rosa-100: #FFE6EA;
  --cor-rosa-200: #FFCBD4;
  --cor-rosa-300: #FBA4B6;
  --cor-rosa-400: #F0849C;
  --cor-rosa-500: #D26982;
  --cor-rosa-600: #B7516A;
  --cor-rosa-700: #9C3954;
  --cor-rosa-800: #78263D;
  --cor-rosa-900: #551528;
  /* cor.laranja */
  --cor-laranja-50: #FEF5ED;
  --cor-laranja-100: #FEE8D7;
  --cor-laranja-200: #FFD1AA;
  --cor-laranja-300: #FDAD64;
  --cor-laranja-400: #F6911D;
  --cor-laranja-500: #CE7603;
  --cor-laranja-600: #AD6200;
  --cor-laranja-700: #8C4F04;
  --cor-laranja-800: #6A3A01;
  --cor-laranja-900: #492601;
  /* cor.amarelo */
  --cor-amarelo-50: #FEF6E7;
  --cor-amarelo-100: #FCEBCA;
  --cor-amarelo-200: #F9D690;
  --cor-amarelo-300: #FCC340;
  --cor-amarelo-400: #D49E00;
  --cor-amarelo-500: #B58707;
  --cor-amarelo-600: #977004;
  --cor-amarelo-700: #7B5A02;
  --cor-amarelo-800: #5C4300;
  --cor-amarelo-900: #3F2D01;
  /* cor.limao */
  --cor-limao-50: #F4F9EC;
  --cor-limao-100: #E6F2D6;
  --cor-limao-200: #CDE5AA;
  --cor-limao-300: #ACD06F;
  --cor-limao-400: #95C13A;
  --cor-limao-500: #76A002;
  --cor-limao-600: #628500;
  --cor-limao-700: #4F6C04;
  --cor-limao-800: #3A5101;
  --cor-limao-900: #273701;
  /* cor.verde */
  --cor-verde-50: #F1F9F3;
  --cor-verde-100: #DFF3E4;
  --cor-verde-200: #BFE7C9;
  --cor-verde-300: #92D3A4;
  --cor-verde-400: #68BD83;
  --cor-verde-500: #4FA46B;
  --cor-verde-600: #348B54;
  --cor-verde-700: #0F703B;
  --cor-verde-800: #01572B;
  --cor-verde-900: #013B1B;
  /* cor.turquesa */
  --cor-turquesa-50: #EAFBF6;
  --cor-turquesa-100: #D0F7EB;
  --cor-turquesa-200: #9AEED8;
  --cor-turquesa-300: #31DBBA;
  --cor-turquesa-400: #02C3A4;
  --cor-turquesa-500: #08A78C;
  --cor-turquesa-600: #018B75;
  --cor-turquesa-700: #05715E;
  --cor-turquesa-800: #015446;
  --cor-turquesa-900: #02392F;
  /* cor.petroleo */
  --cor-petroleo-50: #F0F9FB;
  --cor-petroleo-100: #DDF1F5;
  --cor-petroleo-200: #B9E3EC;
  --cor-petroleo-300: #88CEDC;
  --cor-petroleo-400: #59B7C9;
  --cor-petroleo-500: #2F9FB2;
  --cor-petroleo-600: #00899C;
  --cor-petroleo-700: #036D7C;
  --cor-petroleo-800: #03515D;
  --cor-petroleo-900: #033740;
  /* cor.vermelho */
  --cor-vermelho-50: #FEF4F3;
  --cor-vermelho-100: #FFE6E3;
  --cor-vermelho-200: #FECDC6;
  --cor-vermelho-300: #FFA69A;
  --cor-vermelho-400: #FE796C;
  --cor-vermelho-500: #E94239;
  --cor-vermelho-600: #D62D28;
  --cor-vermelho-700: #B31616;
  --cor-vermelho-800: #8A0208;
  --cor-vermelho-900: #610104;
  /* cor.creme */
  --cor-creme-25: #FFFBF6;
  --cor-creme-50: #FFF5E7;
  --cor-creme-100: #FCE7C8;
  --cor-creme-200: #ECD8B9;
  --cor-creme-300: #D2BEA0;
  --cor-creme-400: #B8A587;
  --cor-creme-500: #9F8C6F;
  --cor-creme-600: #877458;
  --cor-creme-700: #6F5D42;
  --cor-creme-800: #56452A;
  --cor-creme-900: #3D2D13;
  /* cor.neutro */
  --cor-neutro-0: #FFFFFF;
  --cor-neutro-25: #FDF8FF;
  --cor-neutro-50: #F7F1F9;
  --cor-neutro-100: #EBE5ED;
  --cor-neutro-200: #DAD0DE;
  --cor-neutro-300: #BDB3C1;
  --cor-neutro-400: #A093A5;
  --cor-neutro-500: #827586;
  --cor-neutro-600: #685B6C;
  --cor-neutro-700: #514555;
  --cor-neutro-800: #3C3140;
  --cor-neutro-900: #281D2B;
  /* cor.carta */
  --cor-carta-lavanda: #B39AC8;
  --cor-carta-folha: #4CB683;
  --cor-carta-oliva: #D7D043;
  --cor-carta-menta: #9CD0B8;
  --cor-carta-chiclete: #E8A8CC;
  /* fonte.titulo */
  --fonte-titulo: Nunito, "Nunito Sans", ui-rounded, system-ui, sans-serif;
  /* fonte.texto */
  --fonte-texto: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  /* espaco.1 */
  --espaco-1: 4px;
  /* espaco.2 */
  --espaco-2: 8px;
  /* espaco.3 */
  --espaco-3: 12px;
  /* espaco.4 */
  --espaco-4: 16px;
  /* espaco.5 */
  --espaco-5: 20px;
  /* espaco.6 */
  --espaco-6: 24px;
  /* espaco.8 */
  --espaco-8: 32px;
  /* espaco.10 */
  --espaco-10: 40px;
  /* espaco.12 */
  --espaco-12: 48px;
  /* espaco.16 */
  --espaco-16: 64px;
  /* espaco.20 */
  --espaco-20: 80px;
  /* espaco.24 */
  --espaco-24: 96px;
  /* espaco.32 */
  --espaco-32: 128px;
  /* raio.pp */
  --raio-pp: 4px;
  /* raio.p */
  --raio-p: 8px;
  /* raio.m */
  --raio-m: 12px;
  /* raio.g */
  --raio-g: 16px;
  /* raio.gg */
  --raio-gg: 24px;
  /* raio.xg */
  --raio-xg: 32px;
  /* raio.pilula */
  --raio-pilula: 999px;
  /* borda.fina */
  --borda-fina: 1px;
  /* borda.media */
  --borda-media: 2px;
  /* borda.adesivo-p */
  --borda-adesivo-p: 4px;
  /* borda.adesivo-m */
  --borda-adesivo-m: 6px;
  /* borda.adesivo-g */
  --borda-adesivo-g: 8px;
  /* borda.foco */
  --borda-foco: 3px;
  /* sombra.flutuante */
  --sombra-flutuante: 0px 8px 24px 0px #51325B29;
  /* sombra.dialogo */
  --sombra-dialogo: 0px 16px 40px 0px #51325B38;
  /* duracao.rapida */
  --duracao-rapida: 120ms;
  /* duracao.padrao */
  --duracao-padrao: 200ms;
  /* duracao.lenta */
  --duracao-lenta: 320ms;
  /* duracao.festa */
  --duracao-festa: 600ms;
  /* curva.padrao */
  --curva-padrao: cubic-bezier(0.2, 0, 0, 1);
  /* curva.entrada */
  --curva-entrada: cubic-bezier(0, 0, 0.2, 1);
  /* curva.saida */
  --curva-saida: cubic-bezier(0.4, 0, 1, 1);
  /* curva.pulo */
  --curva-pulo: cubic-bezier(0.34, 1.56, 0.64, 1);
  /* alvo.adulto */
  --alvo-adulto: 48px;
  /* alvo.crianca */
  --alvo-crianca: 64px;
  /* camada.base */
  --camada-base: 0;
  /* camada.fixo */
  --camada-fixo: 10;
  /* camada.sobreposicao */
  --camada-sobreposicao: 100;
  /* camada.modal */
  --camada-modal: 200;
  /* camada.aviso */
  --camada-aviso: 300;
  /* tela.app-largura */
  --tela-app-largura: 390px;
  /* tela.app-altura */
  --tela-app-altura: 844px;
  /* tela.site-p */
  --tela-site-p: 480px;
  /* tela.site-m */
  --tela-site-m: 768px;
  /* tela.site-g */
  --tela-site-g: 1024px;
  /* tela.site-gg */
  --tela-site-gg: 1280px;
  /* tela.coluna-max */
  --tela-coluna-max: 1200px;
  /* cor.fundo */
  --cor-fundo-tela: var(--cor-creme-25);
  --cor-fundo-superficie: var(--cor-neutro-0);
  --cor-fundo-bloco: var(--cor-creme-100);
  --cor-fundo-suave: var(--cor-ameixa-100);
  --cor-fundo-inverso: var(--cor-ameixa-800);
  --cor-fundo-marca: var(--cor-roxo-800);
  /* cor.texto */
  --cor-texto-principal: var(--cor-ameixa-800);
  --cor-texto-secundario: var(--cor-neutro-600);
  --cor-texto-desabilitado: var(--cor-neutro-400);
  --cor-texto-inverso: var(--cor-neutro-0);
  --cor-texto-link: var(--cor-roxo-800);
  --cor-texto-inverso-secundario: var(--cor-ameixa-200);
  /* cor.borda */
  --cor-borda-sutil: var(--cor-neutro-100);
  --cor-borda-padrao: var(--cor-neutro-200);
  --cor-borda-campo: var(--cor-neutro-500);
  --cor-borda-inversa: var(--cor-ameixa-700);
  /* cor.acao */
  --cor-acao-primaria: var(--cor-roxo-800);
  --cor-acao-primaria-pressionada: var(--cor-roxo-900);
  --cor-acao-primaria-texto: var(--cor-neutro-0);
  --cor-acao-destaque: var(--cor-laranja-400);
  --cor-acao-destaque-pressionada: var(--cor-laranja-300);
  --cor-acao-destaque-texto: var(--cor-ameixa-800);
  --cor-acao-secundaria: var(--cor-roxo-800);
  --cor-acao-suave: var(--cor-roxo-100);
  --cor-acao-suave-pressionada: var(--cor-roxo-200);
  --cor-acao-suave-texto: var(--cor-roxo-800);
  --cor-acao-perigo: var(--cor-vermelho-700);
  --cor-acao-perigo-pressionada: var(--cor-vermelho-800);
  --cor-acao-desabilitada: var(--cor-neutro-100);
  /* cor.foco */
  --cor-foco: var(--cor-roxo-600);
  /* cor.foco-inverso */
  --cor-foco-inverso: var(--cor-neutro-0);
  /* cor.sucesso */
  --cor-sucesso-texto: var(--cor-verde-700);
  --cor-sucesso-fundo: var(--cor-verde-50);
  /* cor.alerta */
  --cor-alerta-texto: var(--cor-laranja-700);
  --cor-alerta-fundo: var(--cor-laranja-50);
  /* cor.erro */
  --cor-erro-texto: var(--cor-vermelho-700);
  --cor-erro-fundo: var(--cor-vermelho-50);
  /* cor.info */
  --cor-info-texto: var(--cor-petroleo-700);
  --cor-info-fundo: var(--cor-petroleo-50);
  /* cor.sobreposicao */
  --cor-sobreposicao: #3D254580;
  /* cor.contorno-adesivo */
  --cor-contorno-adesivo: var(--cor-neutro-0);
  /* cor.tom */
  --cor-tom-roxo-fundo: var(--cor-roxo-800);
  --cor-tom-roxo-texto: var(--cor-neutro-0);
  --cor-tom-violeta-fundo: var(--cor-violeta-800);
  --cor-tom-violeta-texto: var(--cor-neutro-0);
  --cor-tom-ameixa-fundo: var(--cor-ameixa-800);
  --cor-tom-ameixa-texto: var(--cor-neutro-0);
  --cor-tom-verde-fundo: var(--cor-verde-700);
  --cor-tom-verde-texto: var(--cor-neutro-0);
  --cor-tom-petroleo-fundo: var(--cor-petroleo-700);
  --cor-tom-petroleo-texto: var(--cor-neutro-0);
  --cor-tom-vermelho-fundo: var(--cor-vermelho-700);
  --cor-tom-vermelho-texto: var(--cor-neutro-0);
  --cor-tom-laranja-fundo: var(--cor-laranja-400);
  --cor-tom-laranja-texto: var(--cor-ameixa-800);
  --cor-tom-rosa-fundo: var(--cor-rosa-400);
  --cor-tom-rosa-texto: var(--cor-ameixa-900);
  --cor-tom-amarelo-fundo: var(--cor-amarelo-300);
  --cor-tom-amarelo-texto: var(--cor-ameixa-800);
  --cor-tom-limao-fundo: var(--cor-limao-400);
  --cor-tom-limao-texto: var(--cor-ameixa-800);
  --cor-tom-turquesa-fundo: var(--cor-turquesa-300);
  --cor-tom-turquesa-texto: var(--cor-ameixa-800);
  --cor-tom-creme-fundo: var(--cor-creme-100);
  --cor-tom-creme-texto: var(--cor-ameixa-800);
  --cor-tom-suave-fundo: var(--cor-ameixa-100);
  --cor-tom-suave-texto: var(--cor-violeta-800);
  /* cor.camera */
  --cor-camera-canto: var(--cor-neutro-0);
  --cor-camera-canto-aceso: var(--cor-limao-400);
  --cor-camera-dica-fundo: var(--cor-neutro-0);
  --cor-camera-dica-texto: var(--cor-ameixa-800);
  /* cor.teclado */
  --cor-teclado-ponto-vazio: var(--cor-neutro-200);
  --cor-teclado-ponto-cheio: var(--cor-roxo-800);
  /* cor.acento */
  --cor-acento: var(--cor-roxo-800);
  /* cor.acento-texto */
  --cor-acento-texto: var(--cor-neutro-0);
  /* cor.personagem */
  --cor-personagem-beto-fundo: var(--cor-carta-lavanda);
  --cor-personagem-beto-titulo: var(--cor-violeta-800);
  --cor-personagem-beto-texto: var(--cor-ameixa-900);
  --cor-personagem-caique-fundo: var(--cor-carta-folha);
  --cor-personagem-caique-titulo: var(--cor-violeta-800);
  --cor-personagem-caique-texto: var(--cor-ameixa-900);
  --cor-personagem-davi-fundo: var(--cor-carta-oliva);
  --cor-personagem-davi-titulo: var(--cor-violeta-800);
  --cor-personagem-davi-texto: var(--cor-ameixa-800);
  --cor-personagem-flora-fundo: var(--cor-carta-menta);
  --cor-personagem-flora-titulo: var(--cor-violeta-800);
  --cor-personagem-flora-texto: var(--cor-ameixa-800);
  --cor-personagem-gal-fundo: var(--cor-carta-chiclete);
  --cor-personagem-gal-titulo: var(--cor-violeta-800);
  --cor-personagem-gal-texto: var(--cor-ameixa-800);
  --cor-personagem-letra-fundo: var(--cor-amarelo-300);
  --cor-personagem-letra-titulo: var(--cor-violeta-800);
  --cor-personagem-letra-texto: var(--cor-ameixa-800);
  /* botao.altura */
  --botao-altura-p: 40px;
  --botao-altura-m: 48px;
  --botao-altura-g: 56px;
  --botao-altura-gg: 64px;
  /* botao.recheio */
  --botao-recheio-p: var(--espaco-4);
  --botao-recheio-m: var(--espaco-6);
  --botao-recheio-g: var(--espaco-8);
  --botao-recheio-gg: var(--espaco-10);
  /* botao.fonte */
  --botao-fonte-p: 15px;
  --botao-fonte-m: 16px;
  --botao-fonte-g: 18px;
  --botao-fonte-gg: 20px;
  /* botao.icone */
  --botao-icone: 22px;
  /* botao-redondo.p */
  --botao-redondo-p: 40px;
  /* botao-redondo.m */
  --botao-redondo-m: 48px;
  /* botao-redondo.g */
  --botao-redondo-g: 56px;
  /* campo.altura */
  --campo-altura: 56px;
  /* campo.recheio */
  --campo-recheio: var(--espaco-6);
  /* campo.anel */
  --campo-anel: 4px;
  /* campo.area-altura-min */
  --campo-area-altura-min: 140px;
  /* ladrilho.altura-min */
  --ladrilho-altura-min: 132px;
  /* ladrilho.recheio */
  --ladrilho-recheio: var(--espaco-4);
  /* ladrilho.icone */
  --ladrilho-icone: 52px;
  /* cartao.recheio */
  --cartao-recheio: var(--espaco-6);
  /* selo.altura */
  --selo-altura: 24px;
  /* selo.recheio */
  --selo-recheio: var(--espaco-3);
  /* carta.raio */
  --carta-raio: 5%;
  /* carta.inicial-contorno */
  --carta-inicial-contorno: 3px;
  /* barra-de-topo.altura */
  --barra-de-topo-altura: 64px;
  /* folha.recheio */
  --folha-recheio: var(--espaco-6);
  /* folha.pega-largura */
  --folha-pega-largura: 44px;
  /* folha.pega-altura */
  --folha-pega-altura: 5px;
  /* folha.selo */
  --folha-selo: 64px;
  /* dialogo.largura-max */
  --dialogo-largura-max: 340px;
  /* progresso.altura */
  --progresso-altura: 12px;
  /* carregador.tamanho */
  --carregador-tamanho: 56px;
  /* balao.avatar */
  --balao-avatar: 48px;
  /* escolha.icone */
  --escolha-icone: 48px;
  /* escolha.altura-min */
  --escolha-altura-min: 80px;
  /* teclado.tecla */
  --teclado-tecla: 72px;
  /* teclado.fonte */
  --teclado-fonte: 28px;
  /* teclado.ponto */
  --teclado-ponto: 14px;
  /* moldura.canto-braco */
  --moldura-canto-braco: 38px;
  /* moldura.canto-traco */
  --moldura-canto-traco: 5px;
  /* moldura.canto-raio */
  --moldura-canto-raio: 14px;
  /* toast.distancia */
  --toast-distancia: var(--espaco-6);
  /* cabecalho.altura */
  --cabecalho-altura: 72px;
  /* hero.ilustracao-max */
  --hero-ilustracao-max: 440px;
}

.tipo-exibicao-g { font-family: var(--fonte-titulo); font-size: 56px; line-height: 60px; font-weight: 900; }
.tipo-exibicao { font-family: var(--fonte-titulo); font-size: 40px; line-height: 44px; font-weight: 900; }
.tipo-titulo-1 { font-family: var(--fonte-titulo); font-size: 32px; line-height: 38px; font-weight: 800; }
.tipo-titulo-2 { font-family: var(--fonte-titulo); font-size: 26px; line-height: 32px; font-weight: 800; }
.tipo-titulo-3 { font-family: var(--fonte-titulo); font-size: 22px; line-height: 28px; font-weight: 800; }
.tipo-titulo-4 { font-family: var(--fonte-titulo); font-size: 18px; line-height: 24px; font-weight: 800; }
.tipo-botao { font-family: var(--fonte-titulo); font-size: 18px; line-height: 24px; font-weight: 800; }
.tipo-sobretitulo { font-family: var(--fonte-titulo); font-size: 12px; line-height: 16px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.tipo-texto-g { font-family: var(--fonte-texto); font-size: 18px; line-height: 28px; font-weight: 400; }
.tipo-texto { font-family: var(--fonte-texto); font-size: 16px; line-height: 24px; font-weight: 400; }
.tipo-texto-p { font-family: var(--fonte-texto); font-size: 14px; line-height: 20px; font-weight: 400; }
.tipo-rotulo { font-family: var(--fonte-texto); font-size: 14px; line-height: 20px; font-weight: 600; }
.tipo-legenda { font-family: var(--fonte-texto); font-size: 12px; line-height: 16px; font-weight: 500; }
