:root {
    /* Colores base */
    --primary-color: #4e54c8;
    --secondary-color: #8f94fb;
    --tertiary-color: #F8F9FA;

    --primary-dark: #FFA000;
    --dark-color: #1a1a2e;
    --light-color: #ffffff;

    --accent-color: #FF5722;
    --accent-hover: #021641;

    /* Estados & feedback */
    --success-color: #28a745;
    --success-light: #d4edda;
    --danger-color: #dc3545;
    --danger-light: #f8d7da;
    --warning-color: #ffc107;
    --warning-light: #fff3cd;
    --info-color: #17a2b8;
    --info-light: #d1ecf1;

    /* Texto */
    --text-color: #403434;
    --text-light: #ffffff;
    --text-dark: #333333;
    --text-muted: #6c757d;
    --text-primary: #000000;
    --text-secondary: #cbd5e1;
    --text-link: #4e73df;
    --text-link-hover: #2e59d9;

    /* Grises */
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6c757d;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;

    --gray-light: #F5F5F5;
    --gray-medium: #E0E0E0;
    --gray: #6c757d;
    --white: #ffffff;
    --black: #000000;

    /* Colores adicionales */
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #e3342f;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #38c172;
    --teal: #20c997;
    --cyan: #17a2b8;

    /* Fondos y gradientes */
    --primary-gradient: linear-gradient(135deg, #1e293b 0%, #334155 50%, #1e293b 100%);
    --dark-bg: #1e1e2d;
    --darker-bg: #151521;
    --hover-bg: #2c2c40;
    --bg-overlay: rgba(255, 255, 255, 0.1);
    --bg-overlay-hover: rgba(255, 255, 255, 0.15);

    /* Bordes & sombras */
    --border-color: #2d2d43;
    --border-radius: 20px;
    --shadow-soft: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-strong: 0 8px 15px rgba(0, 0, 0, 0.1);
    --shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);

    /* Espaciado */
    --spacing: 8px;

    /* Dimensiones */
    --sidebar-width: 270px;
    --sidebar-collapsed-width: 90px;

    /* Transiciones */
    --transition-speed: 0.3s;
    --transition: all 0.3s ease;
}