/* =====================================================================
   Tema da Marca (azul-marinho + laranja)
   Carregado por includes/header.php (e pelas telas de login) DEPOIS do
   app.css quando o administrador escolhe este tema em Configurações.

   Só redefine os TOKENS de cor do app.css (mesmos nomes, nos dois modos
   claro/escuro); toda a estrutura visual vem do app.css. As cores
   semânticas (sucesso, alerta, perigo, info) não são redefinidas: valem as
   do app.css.
   O laranja da marca (#F15A29) é mantido exato nos preenchimentos; o texto de
   destaque sobre fundo usa tons ajustados (--primary-hover) para manter
   contraste legível em cada modo.
   ===================================================================== */

:root,
[data-theme="dark"] {
    --bg: #02152b;
    --bg-elevated: #031d3b;
    --bg-card: #032a56;
    --bg-input: #02203f;
    --bg-hover: #0d3b70;
    --border: #12406f;
    --text: #f3f7fc;
    --text-rgb: 243, 247, 252;
    --text-muted: #9db0c6;
    --text-faint: #7f98b2;

    --sidebar-bg: #021a36;
    --sidebar-hover: #0b3263;
    --sidebar-text: #9db0c6;
    --sidebar-text-active: #ffffff;
    --topbar-bg: rgba(2, 21, 43, 0.85);

    --primary: #f15a29;
    --primary-rgb: 241, 90, 41;
    --primary-2: #f26f3c;
    --primary-hover: #ff8a5c;
    --primary-dark: #c9421b;
    --primary-soft: rgba(241, 90, 41, 0.18);

    --shadow: 0 10px 30px rgba(0, 8, 24, 0.55);
    --shadow-sm: 0 1px 2px rgba(0, 8, 24, 0.45);
}

[data-theme="light"] {
    --bg: #eef2f8;
    --bg-elevated: #f6f8fc;
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --bg-hover: #e6ecf5;
    --border: #d3dce8;
    --text: #032a56;
    --text-rgb: 3, 42, 86;
    --text-muted: #4d6a8a;
    --text-faint: #4f6b89;

    --sidebar-bg: #ffffff;
    --sidebar-hover: #eaf0f8;
    --sidebar-text: #3d5a7c;
    --sidebar-text-active: #ffffff;
    --topbar-bg: rgba(238, 242, 248, 0.85);

    --primary: #f15a29;
    --primary-rgb: 241, 90, 41;
    --primary-2: #f26f3c;
    --primary-hover: #b93a0a;
    --primary-dark: #c9421b;
    --primary-soft: rgba(241, 90, 41, 0.1);

    --shadow: 0 12px 32px rgba(3, 42, 86, 0.12);
    --shadow-sm: 0 1px 3px rgba(3, 42, 86, 0.1);
}