/* =================================================================== */
/* ARQUIVO DE TEMAS (themes.css) - VERSÃO FINAL E CENTRALIZADA         */
/* Contém APENAS a definição de variáveis de cor.                      */
/* =================================================================== */

/* --- TEMA CLARO (LIGHT MODE) --- */
:root {
    /* Cores Base */
    --cor-fundo: #F8F9FA; /* Um cinza muito claro para menos brilho */
    --cor-card-fundo: #FFFFFF;
    --cor-heading: #1B1C1E;
    --cor-texto: #495057;
    --cor-texto-muted: #6C757D;
    
    /* Cores de Interface */
    --cor-card-borda: #DEE2E6;
    --cor-header-card: #FFFFFF;
    --cor-fundo-badge: #E9ECEF;
    --cor-fundo-destaque: #e6f2ff; /* Para itens ativos/hoje na agenda */
    
    /* Cores de Ação */
    --cor-link: #007AFF;
    --cor-link-hover: #0056B3;
    --cor-link-rgb: 0, 122, 255; /* Para usar em rgba() */

    /* Cores de Formulário */
    --cor-fundo-input: #FFFFFF;
    --cor-texto-input: #212529;
    --cor-borda-input: #CED4DA;
    
    /* Cores das Abas de Navegação */
    --cor-aba-ativos: #0d6efd;   
    --cor-aba-lancados: #198754; 
    --cor-aba-cancelados: #dc3545;
    --cor-aba-pagamentos: #ffc107;

    /* Cores botões e ícones */
    --cor-verde-primario: #28a745;       /* Um verde padrão do Bootstrap */
    --cor-verde-secundario: #218838;    /* Um tom um pouco mais escuro para o gradiente */
    --cor-verde-primario-rgb: 40, 167, 69; /* A mesma cor em formato RGB para o box-shadow */
}

/* --- TEMA ESCURO (DARK MODE) --- */
[data-theme="dark"] {
    /* Cores Base */
    --cor-fundo: #121212; /* Preto verdadeiro para OLEDs */
    --cor-card-fundo: #1E1E1E;
    --cor-heading: #EAEAEA;
    --cor-texto: #B0B3B8;
    --cor-texto-muted: #8A8D93;

    /* Cores de Interface */
    --cor-card-borda: #3A3B3F;
    --cor-header-card: #1E1E1E;
    --cor-fundo-badge: #3A3B3F;
    --cor-fundo-destaque: rgba(10, 132, 255, 0.15);

    /* Cores de Ação */
    --cor-link: #0A84FF;
    --cor-link-hover: #369BFF;
    --cor-link-rgb: 10, 132, 255;
    
    /* Cores de Formulário */
    --cor-fundo-input: #2A2A2A;
    --cor-texto-input: #EAEAEA;
    --cor-borda-input: #3A3B3F;

    /* Cores das Abas de Navegação */
    --cor-aba-ativos: #0A84FF;
    --cor-aba-lancados: #30D158;
    --cor-aba-cancelados: #FF453A;
    --cor-aba-pagamentos: #FFD60A;

    /* Sobrescreve as variáveis de cor do Bootstrap 5 para garantir consistência */
    --bs-body-color: var(--cor-texto);
    --bs-body-bg: var(--cor-fundo);
    --bs-secondary-color: var(--cor-texto-muted);
    --bs-tertiary-color: var(--cor-texto-muted);
    --bs-border-color: var(--cor-card-borda);
    --bs-heading-color: var(--cor-heading);
}