/* Notório Design System · tokens gerados de project/tokens.json por build/distribuir.js. Não edite à mão. */
:root, [data-theme="claro"] {
  --neutro-0: #FFFFFF;
  --neutro-50: #F5F5F3;
  --neutro-100: #ECECEA;
  --neutro-200: #E2E2E0;
  --neutro-300: #CDD0D3;
  --neutro-350: #BBBDC7;
  --neutro-400: #9EA3A9;
  --neutro-500: #80868E;
  --neutro-600: #5E646C;
  --neutro-700: #3E434A;
  --neutro-800: #24282E;
  --neutro-900: #14171B;
  --neutro-950: #0B0D10;
  --neutro-1000: #000002;
  --azul-50: #EEF3F8;
  --azul-100: #DCE6F0;
  --azul-200: #BCCDDF;
  --azul-300: #97AEC6;
  --azul-400: #5F87B2;
  --azul-500: #1D5997;
  --azul-600: #174B81;
  --azul-700: #123A66;
  --azul-800: #0C2540;
  --azul-900: #07172A;
  --cobalto: #2546D9;
  --brasa: #E64B2C;
  --brasa-funda: #5C130B;
  --verde: #1C9B63;
  --verde-fundo: #04241A;
  --verde-luz: #5CC596;
  --roxo: #820AD1;
  --roxo-fundo: #170430;
  --amarelo: #D99A0B;
  --amarelo-fundo: #241900;
  --amarelo-luz: #F6C95A;
  --laranja: #EC7000;
  --laranja-fundo: #241000;
  --horizonte-0: var(--neutro-1000);
  --horizonte-1: var(--azul-800);
  --horizonte-2: var(--azul-500);
  --horizonte-3: var(--azul-300);
  --horizonte-4: var(--neutro-200);
  --fundo: #F3F3F5;
  --fundo-alt: #E9EAE8;
  --superficie: #FFFFFF;
  --superficie-2: #F7F7F6;
  --superficie-3: #EDEEED;
  --superficie-inversa: #0B0D10;
  --vidro: rgba(255,255,255,0.64);
  --vidro-borda: rgba(255,255,255,0.72);
  --tinta: #0B0D10;
  --tinta-2: #4A5059;
  --tinta-3: #60666F;
  --tinta-eco: #7A8088;
  --letreiro: #BBBDC7;
  --letreiro-suave: #E4E5E8;
  --tinta-inversa: #F5F5F3;
  --sobre-imagem: #F5F5F3;
  --borda: #DCDDDB;
  --borda-forte: #858B93;
  --destaque: #1D5997;
  --destaque-forte: #164A80;
  --destaque-suave: #E3EBF4;
  --sobre-destaque: #FFFFFF;
  --primario: #0B0D10;
  --primario-hover: #2A2F36;
  --sobre-primario: #F5F5F3;
  --foco: #1D5997;
  --sucesso: #1E6B4A;
  --sucesso-suave: #E2F1EA;
  --atencao: #9A5200;
  --atencao-suave: #F7EBDA;
  --erro: #B3261E;
  --erro-suave: #F8E4E2;
  --contorno-imagem: rgba(0,0,0,0.1);
  --veu: rgba(5,7,10,0.56);
  --azul-barra: #5E8BFF;
  --lima: #D8F05E;
  --brasa-texto: #FF8A6B;
  --caixa: #FFFFFF;
  --caixa-dentro: #F3F3F5;
  --caixa-dentro-borda: rgba(11,13,16,0.04);
  --pilula-fundo: #FFFFFF;
  --pilula-circulo: #0B0D10;
  --pilula-circulo-tinta: #FFFFFF;
  --pilula-circulo-hover: #30333A;
  --pilula-borda: rgba(11,13,16,0.07);
  --sombra-borda: 0 0 0 1px rgba(11,13,16,0.06), 0 1px 2px -1px rgba(11,13,16,0.06), 0 2px 4px 0 rgba(11,13,16,0.04);
  --sombra-borda-hover: 0 0 0 1px rgba(11,13,16,0.08), 0 1px 2px -1px rgba(11,13,16,0.08), 0 2px 4px 0 rgba(11,13,16,0.06);
  --sombra-1: 0 1px 2px rgba(12,37,64,0.06), 0 1px 1px rgba(12,37,64,0.04);
  --sombra-2: 0 12px 32px -12px rgba(12,37,64,0.18), 0 2px 6px -2px rgba(12,37,64,0.06);
  --sombra-3: 0 32px 80px -24px rgba(12,37,64,0.28), 0 8px 24px -8px rgba(12,37,64,0.10);
  --sombra-vidro: inset 0 1px 0 rgba(255,255,255,0.65), 0 8px 32px -12px rgba(12,37,64,0.20);
  --sombra-brilho: 0 24px 64px -20px rgba(29,89,151,0.35);
  --caixa-luz: inset 0 0 0 1px rgba(11,13,16,0.05), 0 1px 2px rgba(11,13,16,0.04);
  --caixa-luz-principal: inset 0 1px 0 rgba(255,255,255,0.9), inset 0 0 0 1px rgba(11,13,16,0.06), inset 0 -24px 48px -32px rgba(11,13,16,0.1), 0 12px 32px -12px rgba(12,37,64,0.16);
  --gradiente-grafite: radial-gradient(85% 72% at 46% 40%, var(--neutro-1000) 0%, color-mix(in srgb, var(--neutro-1000) 78%, transparent) 48%, transparent 86%), linear-gradient(165deg, var(--neutro-600) 0%, var(--neutro-900) 46%, var(--neutro-800) 72%, var(--neutro-500) 100%);
  --gradiente-preto-invertido: radial-gradient(85% 72% at 46% 40%, var(--neutro-0) 0%, color-mix(in srgb, var(--neutro-0) 78%, transparent) 48%, transparent 86%), linear-gradient(165deg, var(--neutro-300) 0%, var(--neutro-0) 46%, var(--neutro-100) 72%, var(--neutro-400) 100%);
  --gradiente-caixa: var(--gradiente-preto-invertido);
  --gradiente-azul: radial-gradient(72% 58% at 50% 44%, var(--azul-900) 0%, color-mix(in srgb, var(--azul-900) 72%, transparent) 42%, transparent 78%), linear-gradient(180deg, color-mix(in oklab, var(--cobalto) 78%, var(--azul-300)) 0%, var(--cobalto) 46%, color-mix(in oklab, var(--cobalto) 62%, var(--azul-300)) 80%, var(--azul-300) 100%);
  --gradiente-verde: radial-gradient(72% 58% at 50% 44%, var(--verde-fundo) 0%, color-mix(in srgb, var(--verde-fundo) 72%, transparent) 42%, transparent 78%), linear-gradient(180deg, color-mix(in oklab, var(--verde) 78%, var(--verde-luz)) 0%, var(--verde) 46%, color-mix(in oklab, var(--verde) 62%, var(--verde-luz)) 80%, var(--verde-luz) 100%);
  --gradiente-amarelo: radial-gradient(72% 58% at 50% 44%, var(--amarelo-fundo) 0%, color-mix(in srgb, var(--amarelo-fundo) 72%, transparent) 42%, transparent 78%), linear-gradient(180deg, color-mix(in oklab, var(--amarelo) 78%, var(--amarelo-luz)) 0%, var(--amarelo) 46%, color-mix(in oklab, var(--amarelo) 62%, var(--amarelo-luz)) 80%, var(--amarelo-luz) 100%);
  --gradiente-brasa: radial-gradient(110% 66% at 50% 18%, var(--neutro-1000) 0%, color-mix(in srgb, var(--neutro-1000) 76%, transparent) 46%, transparent 82%), linear-gradient(180deg, var(--brasa-funda) 0%, color-mix(in oklab, var(--brasa) 70%, var(--brasa-funda)) 62%, var(--brasa) 100%);
  --gradiente-roxo: radial-gradient(86% 78% at 50% 46%, var(--roxo-fundo) 0%, color-mix(in srgb, var(--roxo-fundo) 74%, transparent) 44%, transparent 80%), linear-gradient(180deg, color-mix(in oklab, var(--roxo) 82%, white) 0%, var(--roxo) 46%, color-mix(in oklab, var(--roxo) 78%, white) 82%, color-mix(in oklab, var(--roxo) 52%, white) 100%);
  --gradiente-laranja: radial-gradient(88% 80% at 50% 46%, var(--laranja-fundo) 0%, color-mix(in srgb, var(--laranja-fundo) 74%, transparent) 44%, transparent 80%), linear-gradient(180deg, color-mix(in oklab, var(--laranja) 88%, white) 0%, var(--laranja) 46%, color-mix(in oklab, var(--laranja) 92%, #FFC266) 100%);
  --gradiente-horizonte: radial-gradient(120% 74% at 50% 116%, var(--horizonte-3) 0%, var(--horizonte-2) 28%, var(--horizonte-1) 56%, transparent 80%), linear-gradient(180deg, var(--neutro-1000) 0%, var(--neutro-950) 100%);
  --gradiente-assinatura: linear-gradient(180deg, var(--horizonte-0) 0%, var(--horizonte-0) 24.5%, var(--horizonte-1) 35%, var(--horizonte-2) 50%, var(--horizonte-3) 74%, var(--horizonte-4) 100%);
  --gradiente-celula-azul: radial-gradient(160% 85% at 50% 120%, color-mix(in oklab, var(--cobalto) 45%, white) 0%, var(--cobalto) 32%, var(--azul-800) 62%, transparent 88%), var(--neutro-1000);
  --gradiente-celula-verde: radial-gradient(160% 85% at 50% 120%, #9BE8C1 0%, #2FA36B 32%, #0E3B28 62%, transparent 88%), var(--neutro-1000);
  color-scheme: light;
}
[data-theme="escuro"] {
  --fundo: #05070A;
  --fundo-alt: #0A0D12;
  --superficie: #0E1218;
  --superficie-2: #151A22;
  --superficie-3: #1C222C;
  --superficie-inversa: #F2F2F0;
  --vidro: rgba(16,21,29,0.62);
  --vidro-borda: rgba(255,255,255,0.12);
  --tinta: #EEEFEE;
  --tinta-2: #A9B0B9;
  --tinta-3: #858D97;
  --tinta-eco: #727983;
  --letreiro: #3E434A;
  --letreiro-suave: #14171B;
  --tinta-inversa: #0B0D10;
  --sobre-imagem: #F5F5F3;
  --borda: #222932;
  --borda-forte: #646C77;
  --destaque: #6E9BD6;
  --destaque-forte: #93B6E3;
  --destaque-suave: #0F2338;
  --sobre-destaque: #05070A;
  --primario: #F2F2F0;
  --primario-hover: #FFFFFF;
  --sobre-primario: #0B0D10;
  --foco: #8DB4E6;
  --sucesso: #5CC596;
  --sucesso-suave: #0D2A1F;
  --atencao: #F0B35B;
  --atencao-suave: #2E1E08;
  --erro: #FF8F85;
  --erro-suave: #3A1412;
  --contorno-imagem: rgba(255,255,255,0.1);
  --veu: rgba(0,0,2,0.72);
  --caixa: #14171B;
  --caixa-dentro: rgba(255,255,255,0.045);
  --caixa-dentro-borda: rgba(255,255,255,0.07);
  --pilula-fundo: rgba(255,255,255,0.06);
  --pilula-circulo: rgba(0,0,2,0.42);
  --pilula-circulo-tinta: #EEEFEE;
  --pilula-circulo-hover: rgba(255,255,255,0.14);
  --pilula-borda: rgba(255,255,255,0.09);
  --sombra-borda: 0 0 0 1px rgba(255,255,255,0.08);
  --sombra-borda-hover: 0 0 0 1px rgba(255,255,255,0.13);
  --sombra-1: 0 1px 2px rgba(0,0,2,0.5);
  --sombra-2: 0 12px 32px -12px rgba(0,0,2,0.7), 0 0 0 1px rgba(255,255,255,0.04);
  --sombra-3: 0 32px 80px -24px rgba(0,0,2,0.85), 0 0 0 1px rgba(255,255,255,0.06);
  --sombra-vidro: inset 0 1px 0 rgba(255,255,255,0.08), 0 12px 40px -12px rgba(0,0,2,0.8);
  --sombra-brilho: 0 24px 80px -16px rgba(29,89,151,0.55);
  --caixa-luz: inset 0 1px 0 rgba(255,255,255,0.22), inset 0 0 0 1px rgba(255,255,255,0.07), inset 0 -24px 48px -32px rgba(255,255,255,0.24), 0 12px 32px -12px rgba(12,37,64,0.22);
  --caixa-luz-principal: inset 0 1px 0 rgba(255,255,255,0.22), inset 0 0 0 1px rgba(255,255,255,0.07), inset 0 -24px 48px -32px rgba(255,255,255,0.24), 0 12px 32px -12px rgba(12,37,64,0.22);
  --gradiente-caixa: var(--gradiente-grafite);
  color-scheme: dark;
}
:root {
  --espaco-0: 0px;
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-5: 20px;
  --espaco-6: 24px;
  --espaco-7: 32px;
  --espaco-8: 40px;
  --espaco-9: 48px;
  --espaco-10: 64px;
  --espaco-11: 80px;
  --espaco-12: 96px;
  --espaco-13: 128px;
  --espaco-14: 160px;
  --raio-xs: 4px;
  --raio-s: 8px;
  --raio-m: 12px;
  --raio-l: 16px;
  --raio-xl: 24px;
  --raio-2xl: 32px;
  --raio-3xl: 44px;
  --raio-pilula: 999px;
  --raio-squircle: 80px;
  --raio-squircle-s: 64px;
  --raio-squircle-l: 120px;
  --status-ciano: 45, 212, 224;
  --status-ciano-texto: #8DEFF5;
  --status-lilas: 165, 160, 255;
  --status-lilas-texto: #CFCCFF;
  --status-amarelo: 234, 200, 48;
  --status-amarelo-texto: #F5DC6A;
  --status-ambar: 245, 166, 35;
  --status-ambar-texto: #FFD27A;
  --status-violeta: 167, 123, 250;
  --status-violeta-texto: #D2BCFF;
  --status-verde: 74, 222, 128;
  --status-verde-texto: #93F0B4;
  --status-salmao: 248, 113, 96;
  --status-salmao-texto: #FFAE9F;
  --status-rosa: 245, 120, 150;
  --status-rosa-texto: #FFB8C8;
  --status-vermelho: 248, 96, 96;
  --status-vermelho-texto: #FFADAD;
  --status-azul: 122, 162, 247;
  --status-azul-texto: #BCD1FF;
  --status-cinza: 160, 160, 168;
  --status-cinza-texto: #D4D4D8;
  --duracao-instante: 100ms;
  --duracao-rapida: 150ms;
  --duracao-base: 200ms;
  --duracao-media: 300ms;
  --duracao-gaveta: 400ms;
  --duracao-cena: 900ms;
  --duracao-vinheta: 2400ms;
  --curva-entrada: cubic-bezier(0.23, 1, 0.32, 1);
  --curva-movimento: cubic-bezier(0.77, 0, 0.175, 1);
  --curva-gaveta: cubic-bezier(0.32, 0.72, 0, 1);
  --curva-padrao: cubic-bezier(0.2, 0, 0, 1);
  --curva-mola: cubic-bezier(0.34, 1.56, 0.64, 1);
  --curva-linear: linear;
  --desloc-micro: 4px;
  --desloc-entrada: 12px;
  --desloc-cena: 100%;
  --escala-pressao: 0.96;
  --escala-entrada: 0.97;
  --z-elevado: 10;
  --z-nav: 100;
  --z-dropdown: 200;
  --z-drawer: 300;
  --z-modal: 400;
  --z-toast: 500;
  --z-tooltip: 600;
  --opacidade-desabilitado: 0.38;
  --opacidade-grao: 0.07;
  --desfoque-vidro: 20px;
  --desfoque-veu: 6px;
  --desfoque-nevoa: 48px;
  --grid-unidade: 4px;
  --grid-linha: 24px;
  --grid-max: 1440px;
  --grid-colunas-desktop: 12;
  --grid-calha-desktop: 24px;
  --grid-margem-desktop: 72px;
  --grid-colunas-tablet: 8;
  --grid-calha-tablet: 24px;
  --grid-margem-tablet: 48px;
  --grid-colunas-celular: 4;
  --grid-calha-celular: 24px;
  --grid-margem-celular: 24px;
  --ritmo-1: 24px;
  --ritmo-2: 48px;
  --ritmo-3: 72px;
  --ritmo-4: 96px;
  --ritmo-6: 144px;
  --ritmo-8: 192px;
  --font-sans: "Inter Tight", "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Inter Tight", "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-matriz: "Doto", "Inter Tight", "Inter", sans-serif;
}
.display-1 { font-family: var(--font-sans); font-size: 128px; line-height: 0.9375; font-weight: 400; letter-spacing: -0.045em; }
.display-2 { font-family: var(--font-sans); font-size: 96px; line-height: 1; font-weight: 400; letter-spacing: -0.04em; }
.display-3 { font-family: var(--font-sans); font-size: 72px; line-height: 1; font-weight: 400; letter-spacing: -0.035em; }
.titulo-1 { font-family: var(--font-sans); font-size: 56px; line-height: 1.071429; font-weight: 400; letter-spacing: -0.03em; }
.titulo-2 { font-family: var(--font-sans); font-size: 40px; line-height: 1.1; font-weight: 400; letter-spacing: -0.025em; }
.titulo-3 { font-family: var(--font-sans); font-size: 28px; line-height: 1.142857; font-weight: 500; letter-spacing: -0.015em; }
.titulo-4 { font-family: var(--font-sans); font-size: 20px; line-height: 1.2; font-weight: 500; letter-spacing: -0.01em; }
.corpo-l { font-family: var(--font-sans); font-size: 20px; line-height: 1.4; font-weight: 400; letter-spacing: -0.005em; }
.corpo { font-family: var(--font-sans); font-size: 16px; line-height: 1.5; font-weight: 400; letter-spacing: 0em; }
.corpo-s { font-family: var(--font-sans); font-size: 14px; line-height: 1.428571; font-weight: 400; letter-spacing: 0em; }
.legenda { font-family: var(--font-sans); font-size: 12px; line-height: 1.333333; font-weight: 400; letter-spacing: 0.005em; }
.rotulo { font-family: var(--font-sans); font-size: 11px; line-height: 1.454545; font-weight: 500; letter-spacing: 0.1em; }
.rotulo-l { font-family: var(--font-sans); font-size: 13px; line-height: 1.230769; font-weight: 500; letter-spacing: 0.08em; }
.dado { font-family: var(--font-sans); font-size: 13px; line-height: 1.538462; font-weight: 500; letter-spacing: 0em; }
.indice { font-family: var(--font-sans); font-size: 20px; line-height: 1.2; font-weight: 400; letter-spacing: 0.04em; }
.letreiro { font-family: var(--font-sans); font-size: 160px; line-height: 0.85; font-weight: 700; letter-spacing: -0.04em; }
.metrica-1 { font-family: var(--font-matriz); font-size: 160px; line-height: 0.85; font-weight: 800; letter-spacing: -0.01em; }
.metrica-2 { font-family: var(--font-matriz); font-size: 96px; line-height: 0.916667; font-weight: 800; letter-spacing: 0em; }
.metrica-3 { font-family: var(--font-matriz); font-size: 48px; line-height: 1; font-weight: 700; letter-spacing: 0.01em; }
.matriz { font-family: var(--font-matriz); font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0.04em; }