:root, [data-theme="profundo"] {
  --fundo-000: #050b14;
  --fundo-100: #0a1424;
  --fundo-200: #0f1d33;
  --fundo-300: #16294a;
  --fundo-400: #1f3760;
  --campo-000: #081120;
  --tinta-000: #eef5fa;
  --tinta-100: #b7c6d4;
  --tinta-200: #8397ab;
  --linha-000: #1e3250;
  --linha-100: #52709a;
  --marca-000: #30dcf2;
  --marca-100: #72e6f6;
  --marca-200: #113a45;
  --sobre-marca: #04221f;
  --mare-000: #5eb1ff;
  --mare-100: #15345e;
  --boia-000: #ffa14a;
  --boia-100: #4a2b0e;
  --perigo-000: #ff6e7a;
  --perigo-100: #4a1c22;
  --ok-000: #4ed9a4;
  --ok-100: #0f3a2e;
  --foco-000: var(--marca-000);
  --coluna-000: #0e2a4a;
  --coluna-100: #050b14;
  --brilho-000: #30dcf21f;
  --bolha-000: #9ed8ff66;
  --sombra-100: 0 1px 2px #00000080;
  --sombra-200: 0 12px 32px #00000080;
  --brilho-marca: 0 0 24px #30dcf240;
}
[data-theme="superficie"] {
  --fundo-000: #e8f1f6;
  --fundo-100: #f3f8fb;
  --fundo-200: #ffffff;
  --fundo-300: #e1ebf2;
  --fundo-400: #cfdde8;
  --campo-000: #ffffff;
  --tinta-000: #0b1a2b;
  --tinta-100: #3f5468;
  --tinta-200: #52687c;
  --linha-000: #d3dfe9;
  --linha-100: #7f97ae;
  --marca-000: #0a6b7c;
  --marca-100: #085a68;
  --marca-200: #d2f1f8;
  --sobre-marca: #ffffff;
  --mare-000: #1d5fbf;
  --mare-100: #dceafb;
  --boia-000: #9e4f00;
  --boia-100: #ffe8d1;
  --perigo-000: #ac2530;
  --perigo-100: #fde4e7;
  --ok-000: #0e6e50;
  --ok-100: #d6f5e9;
  --foco-000: var(--marca-000);
  --coluna-000: #ddeff8;
  --coluna-100: #e8f1f6;
  --brilho-000: #0a6b7c14;
  --bolha-000: #1d5fbf33;
  --sombra-100: 0 1px 2px #0b1a2b1f;
  --sombra-200: 0 12px 32px #0b1a2b1f;
  --brilho-marca: 0 0 16px #0a6b7c26;
}
[data-theme="conves"] {
  --fundo-000: #ffffff;
  --fundo-100: #ffffff;
  --fundo-200: #ffffff;
  --fundo-300: #f2f2f2;
  --fundo-400: #dcdcdc;
  --campo-000: #ffffff;
  --tinta-000: #000a14;
  --tinta-100: #1a2a3a;
  --tinta-200: #33475a;
  --linha-000: #6b7d8f;
  --linha-100: #1a2a3a;
  --marca-000: #00505c;
  --marca-100: #003e47;
  --marca-200: #def5fa;
  --sobre-marca: #ffffff;
  --mare-000: #0b3f8c;
  --mare-100: #d9e6f7;
  --boia-000: #7a3b00;
  --boia-100: #ffeedd;
  --perigo-000: #8e1521;
  --perigo-100: #fde6e9;
  --ok-000: #0a523b;
  --ok-100: #dcf6ea;
  --foco-000: var(--tinta-000);
  --coluna-000: #ffffff;
  --coluna-100: #ffffff;
  --brilho-000: #00000000;
  --bolha-000: #00000000;
  --sombra-100: none;
  --sombra-200: none;
  --brilho-marca: none;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --alvo-toque: 44px;
  --barra-nav: 64px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --traco-fino: 1px;
  --traco-medio: 2px;
  --traco-forte: 3px;
  --desabilitado: 0.5;
  --fundo-interativo: 0.7;
  --font-display: "Unbounded", "Hanken Grotesk", system-ui, sans-serif;
  --font-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
}
.display-xl { font-family: var(--font-display); font-size: 40px; line-height: 44px; font-weight: 700; letter-spacing: -0.01em; }
.display-lg { font-family: var(--font-display); font-size: 32px; line-height: 36px; font-weight: 700; letter-spacing: -0.01em; }
.display-md { font-family: var(--font-display); font-size: 24px; line-height: 30px; font-weight: 600; }
.display-sm { font-family: var(--font-display); font-size: 18px; line-height: 24px; font-weight: 600; }
.titulo { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 600; }
.subtitulo { font-family: var(--font-sans); font-size: 17px; line-height: 24px; font-weight: 600; }
.corpo { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.corpo-forte { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 600; }
.apoio { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.apoio-forte { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }
.legenda { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.06em; }
.leitura-xl { font-family: var(--font-mono); font-size: 40px; line-height: 44px; font-weight: 600; }
.leitura-lg { font-family: var(--font-mono); font-size: 28px; line-height: 32px; font-weight: 600; }
.dado { font-family: var(--font-mono); font-size: 15px; line-height: 22px; font-weight: 500; }
.dado-sm { font-family: var(--font-mono); font-size: 13px; line-height: 18px; font-weight: 500; }