/* Variables para estilos InteLean */
:root {

    /* Colores principales */
    --primary: #003d7a;
    --primary-light: #e6f0fa;
    --secondary: #4CAF50;
    --accent: #d7282f;
    --altergreen: #2a9d8f;
    --alerblue: #0056b3;
    --warning: #FFC400;
    --alert: #FF4D4D;

    /* Grises */
    --gray: #2E2E2E;
    --bitgray: #a2a2a2;
    --gray-900: #1e293b;
    --gray-700: #334155;
    --gray-500: #64748b;
    --gray-300: #cbd5e1;
    --gray-100: #f1f5f9;

    --white: #ffffff;
    --neutro: #ffffff;

    --lightgray: #f3f5f7; /* fondo tema claro */
    --darkgray: #2d2d2d; /*tema fondo oscuro*/
    --border-dark: #404040;

    /* Transparencias */
    --tenue: rgba(0, 86, 179, 0.08);
    --lightblue:#549fef;

    /* Gradientes */
    --banner: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4));
    --button: linear-gradient(to bottom, #4CAF50, #2E7D32);
    --icon: linear-gradient(135deg, #0056b3, #003d7a);
    --sidebar-bg: linear-gradient(210deg, #002f5f 0%, #002f5f 45%, #011224 100%);

    /* Sombras */
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

    /* Animaciones */
    --transition: 0.3s ease;

    /* Layout */
    --sidebar-width: 260px;
    --sidebar-collapsed: 80px;
    --radius: 12px;

    /* Tipografía */
    --works: 'Inter', sans-serif;
}