[data-theme="light"] {
    --bg: #eef3fb;
    --bg-2: #e4ebf6;
    --card: rgba(255, 255, 255, 0.92);
    --card-solid: #ffffff;
    --text: #122033;
    --muted: #5d6d88;
    --line: rgba(18, 32, 51, 0.12);
    --input: #f4f7fb;
    --nav: #ffffff;
    --overlay: rgba(15, 23, 42, 0.45);
    --shadow: 0 14px 34px rgba(18, 32, 51, 0.08);
    --grad-page: radial-gradient(circle at top right, rgba(79, 140, 255, 0.16), transparent 28%),
        radial-gradient(circle at 10% 20%, rgba(34, 211, 162, 0.1), transparent 24%),
        var(--bg);
    color-scheme: light;
}

[data-theme="light"] .icone-btn,
[data-theme="light"] .btn-secundario,
[data-theme="light"] .menu-linha button:hover,
[data-theme="light"] .transacao-icone {
    background: rgba(18, 32, 51, 0.04);
}

[data-theme="light"] .menu-flutuante i { color: #334155; }
[data-theme="light"] .menu-flutuante .sair-btn,
[data-theme="light"] .menu-flutuante .sair-btn i { color: #e11d48; }

[data-theme="light"] .bottom-nav,
[data-theme="light"] .menu-flutuante,
[data-theme="light"] .painel-notificacoes,
[data-theme="light"] .busca-painel,
[data-theme="light"] .busca {
    background: #ffffff;
}

[data-theme="light"] .modal {
    background: rgba(15, 23, 42, 0.55);
}

[data-theme="light"] .modal-backdrop {
    background: rgba(15, 23, 42, 0.55);
}

[data-theme="light"] #modal .modal-card {
    background: #ffffff;
    background-color: #ffffff;
    color: #122033;
    border-color: rgba(18, 32, 51, 0.12);
}

[data-theme="light"] #modal .campo { color: #5d6d88; }

[data-theme="light"] #modal .campo input,
[data-theme="light"] #modal .campo select,
[data-theme="light"] #modal .campo textarea,
[data-theme="light"] #modal .tipo-btn {
    background: #f4f7fb;
    background-color: #f4f7fb;
    color: #122033;
    border-color: rgba(18, 32, 51, 0.14);
}

[data-theme="light"] #modal .tipo-btn.ativo {
    background: var(--grad-nav);
    color: #ffffff;
    border-color: transparent;
}

[data-theme="light"] .menu-linha button:hover { background: rgba(18, 32, 51, 0.05); }

[data-theme="light"] .card-kpi,
[data-theme="light"] .card-frase,
[data-theme="light"] .card-habito {
    color: var(--on-kpi);
}

[data-theme="light"] .login-tela { color-scheme: dark; }