/* Archivo colors.css */

/* Colores primarios */
:root {
    --color-primary: #000000;      /* Color Primario - Negro */
    --color-secondary: #0F2540;    /* Color Secundario - Azul Oscuro */
    --color-tertiary: #F3F8FF;     /* Color Terciario */
    --color-quaternary: #FFD700;   /* Color Cuaternario - Dorado */
    --color-quinary: #000000;      /* Color Quinario */
}

/* Ejemplo de aplicación de colores */
body {
    background-color: var(--color-primary);
    color: var(--color-quaternary);
    min-height: 100vh;
}

html {
    height: 100%;
    background-color: var(--color-primary);
}

/* Ensure full height coverage */
.layout-wrapper {
    min-height: 100vh;
    background-color: var(--color-primary);
}

.content-wrapper {
    background-color: var(--color-primary);
    min-height: calc(100vh - 80px);
}

.navbar {
    background-color: var(--color-secondary);
}

.btn-primary {
    background-color: var(--color-secondary);
    border: 2px solid var(--color-secondary);
}

.card-header {
    background-color: var(--color-tertiary);
    color: var(--color-primary);
}

.footer {
    background-color: var(--color-primary);
    color: var(--color-primary);
}

/* Ensure footer blends with background */
.content-footer {
    background-color: var(--color-primary) !important;
}

/* Custom styles for responsive navigation */
@media (min-width: 1200px) {
    /* Hide navbar on desktop */
    .layout-navbar {
        display: none !important;
    }
    
    /* Adjust content wrapper padding when navbar is hidden */
    .content-wrapper {
        padding-top: 0 !important;
    }
    
    /* Ensure menu has proper height */
    .layout-menu {
        height: 100vh !important;
        position: relative;
    }
    
    /* Menu inner adjustments */
    .menu-inner {
        height: calc(100vh - 80px);
        overflow-y: auto;
    }
}

@media (max-width: 1199.98px) {
    /* Show navbar on mobile/tablet */
    .layout-navbar {
        display: flex !important;
    }
}