/* assets/css/custom.css */

/* Define as variáveis de cor principal */
:root {
    --bs-primary: #663399; /* Roxo principal da Editora Futura */
    --bs-primary-rgb: 102, 51, 153; /* Versão RGB para uso com opacidades */

    --bs-secondary: #E0BBE4; /* Roxo claro/rosa suave para acentos */
    --bs-secondary-rgb: 224, 187, 228;

    /* Pode ajustar outras cores se quiser, por exemplo: */
    /* --bs-success: #28a745; */
    /* --bs-info: #17a2b8; */
    /* --bs-warning: #ffc107; */
    /* --bs-danger: #dc3545; */
    /* --bs-light: #f8f9fa; */
    /* --bs-dark: #343a40; */
}

/* Ajustes específicos para elementos */

/* Navbar e Header */
.navbar-brand {
    color: var(--bs-white) !important; /* Nome da empresa em branco */
}

/* Cards (Ex: detalhes do chamado, painel de TI) */
.card-header.bg-primary {
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}

.card-header.bg-secondary {
    background-color: var(--bs-secondary) !important;
    color: var(--bs-dark) !important; /* Texto escuro sobre o roxo claro */
}

/* Botões */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.btn-primary:hover {
    background-color: #552a80; /* Um pouco mais escuro no hover */
    border-color: #552a80;
}

.btn-outline-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.btn-outline-primary:hover {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}

.btn-secondary {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
    color: var(--bs-dark);
}
.btn-secondary:hover {
    background-color: #c9a4cc; /* Um pouco mais escuro no hover */
    border-color: #c9a4cc;
    color: var(--bs-dark);
}

/* Tags/Badges */
.badge.bg-primary {
    background-color: var(--bs-primary) !important;
}

/* Outros ajustes (se necessário) */
/* Exemplo: links */
a {
    color: var(--bs-primary);
}
a:hover {
    color: #552a80;
}