/* public/css/palette.css */
/* --- Paleta de Colores y Variables Globales --- */
:root {
    /* --- Gloud Colors --- */
    --color-primario: #395CA4;
    /* Azul Gloud */
    --color-primario-claro: #5c8dcd;
    --color-primario-oscuro: #2a4b8d;
    --color-fondo-oscuro-principal: #07080C;
    --color-fondo-oscuro-secundario: #0B101C;
    --color-fondo-blanco: #FFFFFF;
    /* Added for Gloud compatibility */
    --color-texto-claro: #FFFFFF;
    /* Added for Gloud compatibility */
    --color-texto-oscuro: #212529;
    /* Added for Gloud compatibility */
    --color-fondo-claro: #f8f9fa;
    --color-texto-secundario: #adb5bd;


    /* Legacy/System Colors (Adapted where possible) */
    --color-fondo: #f8f9fa;
    --color-texto: #212529;
    /* --color-primario was #0056b3, updated above */
    --color-primary-muted: #e0f2f7;
    --color-borde: #dee2e6;
    --color-cabecera-tabla: #e9ecef;
    --color-sombra: rgba(0, 0, 0, 0.05);
    --color-surface: #ffffff;

    /* Colores del Menú Lateral - Updated to match Gloud Dark Aesthetic if desired, or keep as is.
       Gloud uses dark backgrounds. Let's update sidebar to match Gloud's dark theme?
       Gloud nav is #07080C. 
    */
    --color-menu-lateral: #07080C;
    --color-menu-texto: #adb5bd;
    --color-menu-hover: #2a4b8d;
    /* Using primario-oscuro for hover */
    --color-menu-active-bg: #395CA4;
    /* Using primario */

    /* Colores de Estado */
    --color-ok: #28a745;
    /* Verde */
    --color-ok-rgb: 40, 167, 69;
    --color-alerta: #ffc107;
    /* Amarillo */
    --color-alerta-claro: #ffcd38;
    /* Amarillo */
    --color-alerta-rgb: 255, 193, 7;
    --color-urgente: #fd7e14;
    /* Naranja */
    --color-urgente-rgb: 253, 126, 20;
    --color-vencido: #dc3545;
    /* Rojo */
    --color-vencido-claro: #e25d6a;
    /* Rojo */
    --color-vencido-rgb: 220, 53, 69;
    --color-na: #6c757d;
    /* Gris */
    --color-mantencion: #17a2b8;
    /* Azul claro */
    --color-info: #007bff;
    /* Azul para info */
    --color-info-rgb: 0, 123, 255;
    --color-baja: #343a40;
    /* Gris oscuro */

    /* Colores Mutados */
    --color-muted-celeste: #e0f6f7;
    --color-muted-rojo: #f7e0e0;
    /* Unidades de Diseño */
    --radio-borde: 8px;
    --padding-celda: 12px 15px;
    --ancho-menu: 240px;
    --gap-sidebar-main: 20px;
    /* Espacio entre el sidebar y el contenido principal */

    /* Shadows Gloud */
    --sombra-ligera: 0 4px 12px rgba(0, 0, 0, 0.05);
    --sombra-media: 0 8px 16px rgba(0, 0, 0, 0.1);
    --sombra-fuerte: 0 12px 24px rgba(0, 0, 0, 0.15);
}

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

/* Estilos para el scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--color-fondo);
}

::-webkit-scrollbar-thumb {
    background: var(--color-borde);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-na);
}