@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/* 
    Facto Arquivos - Identidade Visual Central
    Cores Oficiais:
    Laranja (Ação/Primária): #e94c1f
    Azul (Navbar/Textos/Terciária): #203447
    Areia (Fundo Geral/Secundária): #efede5
*/

:root {
    --brand-orange: #e94c1f;
    --brand-blue: #203447;
    --brand-sand: #efede5;
}

/* Fundo Geral da Aplicação */
body {
    background-color: var(--brand-sand) !important;
    background-image: none !important;
    /* Limpa degradês antigos do login */
    color: var(--brand-blue) !important;
    font-family: 'Roboto', sans-serif !important;
}

/* Títulos textuais */
h1,
h2,
h3,
h4,
h5,
h6,
.login-header h1,
.doc-title {
    color: var(--brand-blue) !important;
}

/* Estilo para Botões Principais (Login/Salvar) */
.btn-primary,
.btn-dark,
.btn-success {
    background-color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-dark:hover,
.btn-success:hover {
    background-color: #cc4119 !important;
    /* Laranja um tom mais forte para hover */
    border-color: #cc4119 !important;
    transform: translateY(-1px);
}

/* Botões base de download dos Clientes */
.btn-download {
    background-color: var(--brand-orange) !important;
    color: #fff !important;
    font-weight: 600;
}

.btn-download:hover {
    background-color: #cc4119 !important;
    color: #fff !important;
}

/* Cor dos Ícones e Símbolos de destaque (tipo PDF) */
.doc-icon,
.bi-file-earmark-pdf {
    color: var(--brand-orange) !important;
}

/* Barras de Navegação Superiores (Navbar) */
.navbar {
    background-color: var(--brand-blue) !important;
}

.navbar .navbar-brand,
.navbar .navbar-text,
.navbar span,
.navbar strong {
    color: var(--brand-sand) !important;
}

/* Botões do Menu que aparecem DENTRO da Navbar Azul */
.navbar .btn-outline-dark {
    color: var(--brand-sand) !important;
    border-color: var(--brand-sand) !important;
}

.navbar .btn-outline-dark:hover {
    background-color: var(--brand-sand) !important;
    color: var(--brand-blue) !important;
}

/* Alertas e Focus em Campos de Inserção */
.form-control:focus {
    box-shadow: 0 0 0 3px rgba(233, 76, 31, 0.25) !important;
    border-color: var(--brand-orange) !important;
}

/* Cards (Boxes de Dashboard) */
.card,
.login-card,
.modal-content {
    background-color: #fff !important;
    border: 1px solid rgba(32, 52, 71, 0.1) !important;
}