/*
 * JARVIS | NextCore: Digital Solutions
 * style.css - Folha de Estilos Personalizada (Complementa o Bootstrap 5)
 */

/* 1. IMPORTAÇÃO DA FONTE (Paleta Equilibrada)
 * 'Inter' é uma fonte moderna, limpa e altamente legível para dashboards.
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* 2. DEFINIÇÃO DA PALETA DE COR E FONTES (CSS Variables)
 * Aqui, substituímos as variáveis padrão do Bootstrap.
 * Isto garante que a nossa marca 'NextCore' seja aplicada
 * automaticamente nos modos LIGHT e DARK.
 */
:root {
    /* --- Paleta de Cor Primária (NextCore Blue) --- */
    --nextcore-primary: #0056b3; /* Um azul corporativo, mais forte que o padrão */
    
    /* --- Override do Bootstrap --- */
    --bs-primary: var(--nextcore-primary);
    /* RGB correspondente a #0056b3 (para opacidade, ex: bg-primary-subtle) */
    --bs-primary-rgb: 0, 86, 179; 

    /* --- Override da Fonte Padrão --- */
    --bs-body-font-family: 'Inter', system-ui, -apple-system, sans-serif;
    --bs-body-font-size: 0.95rem; /* Ajuste fino para dashboards */
    --bs-body-font-weight: 400;
    --bs-body-bg: #f8f9fa; /* Fundo padrão (Light) */
}

/* 3. APLICAÇÃO DAS VARIÁVEIS DO BOOTSTRAP (Dark Mode)
 * O Bootstrap 5.3+ trata isto automaticamente com [data-bs-theme="dark"]
 * Mas podemos forçar o fundo do body em dark mode para garantir.
 */
[data-bs-theme="dark"] {
    /* Fundo principal do modo escuro (um cinza muito escuro) */
    --bs-body-bg: #1a1a1a;
}

/* 4. AJUSTES FINOS (Layout e Componentes) */

body {
    font-family: var(--bs-body-font-family);
    background-color: var(--bs-body-bg);
}

/* Torna os números dos KPIs (Cards) mais destacados */
.card-text.fs-1,
.card-text.fs-2 {
    font-weight: 600;
}

/* Melhora a legibilidade dos cabeçalhos de cards e da marca */
.card-header,
.navbar-brand {
    font-weight: 500;
}

/* Ajuste do Footer (para ficar no rodapé em páginas curtas) */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
main {
    flex: 1; /* Faz o conteúdo principal "empurrar" o rodapé */
}
.footer {
    flex-shrink: 0; /* Impede que o rodapé encolha */
}

/* Estilos para a página de Login (substituindo o inline style) */
.login-page-body {
    height: 100vh; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    /* Usa a variável de fundo, que se adapta ao light/dark */
    background-color: var(--bs-body-bg); 
}