/* Estilos principales de VetCloud basados en LogoVetCloud */

:root {
    --brand-navy: #1b2845;
    --brand-copper: #c47953;
    --background-color: #F5F7FA;
    --text-color: #333333;
}

body {
    font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: var(--background-color);
    color: var(--text-color);
    margin: 0;
    padding: 0;
}

/* Sobrescribir colores primarios de Bootstrap */
.bg-primary { background-color: var(--brand-navy) !important; }
.text-primary { color: var(--brand-navy) !important; }

.btn-primary { 
    background-color: var(--brand-navy) !important; 
    border-color: var(--brand-navy) !important; 
    color: #fff !important;
}
.btn-primary:hover {
    background-color: #121c32 !important; 
    border-color: #121c32 !important; 
}

.btn-outline-primary {
    color: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
}
.btn-outline-primary:hover {
    background-color: var(--brand-navy) !important;
    color: #fff !important;
}

/* Usaremos el color cobre como color secundario en algunos lugares */
.bg-secondary { background-color: var(--brand-copper) !important; }
.text-secondary { color: var(--brand-copper) !important; }
.btn-secondary { background-color: var(--brand-copper) !important; border-color: var(--brand-copper) !important; color: #fff !important; }
.btn-secondary:hover { background-color: #a86443 !important; border-color: #a86443 !important; }