:root, html[data-theme="escuro"] {
    --tema-escuro-fundo: #0f172a;
    --tema-escuro-fundo-alt: #0a1020;
    --tema-escuro-card: #1e293b;
    --tema-escuro-card-hover: #263548;
    --tema-escuro-borda: #334155;
    --tema-escuro-texto: #e2e8f0;
    --tema-escuro-texto-muted: #94a3b8;
    --tema-escuro-primaria: #38bdf8;
    --tema-claro-fundo: #f3f6fb;
    --tema-claro-fundo-alt: #e8eef7;
    --tema-claro-card: #ffffff;
    --tema-claro-card-hover: #edf4ff;
    --tema-claro-borda: #cbd5e1;
    --tema-claro-texto: #172033;
    --tema-claro-texto-muted: #526174;
    --tema-claro-primaria: #0b76b7;
    --layout-largura-max: 1560px;
    --layout-largura-gap: 28px;
    --layout-largura-gap-tablet: 20px;
    --topnav-alt: 96px;
    --topnav-alt-mobile: 78px;
    --topnav-faixa-box-altura: 76px;
    --topnav-faixa-box-altura-tablet: 66px;
    --topnav-faixa-box-altura-mobile: 58px;
    --topnav-page-title-color: #FF8C00;
    --topnav-page-title-size: 1.62rem;
    --topnav-text-color: #FFFFFF;
    --topnav-subtext-color: rgba(191, 219, 254, .72);
    --topnav-brand-size: 64px;
    --topnav-brand-radius: 20px;
    --topnav-brand-size-tablet: 54px;
    --topnav-brand-radius-tablet: 18px;
    --topnav-brand-size-mobile: 46px;
    --topnav-brand-radius-mobile: 16px;
    --topnav-group-min-height: 40px;
    --topnav-link-min-height: 48px;
    --topnav-icon-box-size: 28px;
    --topnav-icon-media-size: 24px;
    --watermark-opacity: 0.2;
    --watermark-rotate: -20deg;
    --watermark-size: min(74vw, 980px);
    --fundo: var(--tema-escuro-fundo);
    --fundo-alt: var(--tema-escuro-fundo-alt);
    --card: var(--tema-escuro-card);
    --card-hover: var(--tema-escuro-card-hover);
    --borda: var(--tema-escuro-borda);
    --borda-sutil: color-mix(in srgb, var(--tema-escuro-borda) 55%, transparent);
    --texto: var(--tema-escuro-texto);
    --texto-muted: var(--tema-escuro-texto-muted);
    --texto-link: var(--tema-escuro-primaria);
    --primaria: var(--tema-escuro-primaria);
    --primaria-hover: var(--tema-escuro-primaria);
}
html[data-theme="claro"] {
    color-scheme: light;
    --fundo: var(--tema-claro-fundo);
    --fundo-alt: var(--tema-claro-fundo-alt);
    --card: var(--tema-claro-card);
    --card-hover: var(--tema-claro-card-hover);
    --borda: var(--tema-claro-borda);
    --borda-sutil: color-mix(in srgb, var(--tema-claro-borda) 55%, transparent);
    --texto: var(--tema-claro-texto);
    --texto-muted: var(--tema-claro-texto-muted);
    --texto-link: var(--tema-claro-primaria);
    --primaria: var(--tema-claro-primaria);
    --primaria-hover: var(--tema-claro-primaria);
}