/* ===================================
   TEMA RICK BAGS - CLARO
   Colores: Negro, Rojo, Blanco
   =================================== */
:root {
    --primary: #E53935;
    --primary-dark: #C62828;
    --primary-light: #EF5350;
    --secondary: #212121;
    --warning: #FFA726;
    --danger: #D32F2F;
    --info: #42A5F5;
    
    --background: #F5F5F5;
    --surface: #FFFFFF;
    --surface-hover: #EEEEEE;
    
    --text-primary: #212121;
    --text-secondary: #616161;
    --text-muted: #9E9E9E;
    
    --border: #E0E0E0;
    --border-light: #EEEEEE;
    
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.18);
    
    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    
    --transition-fast: 0.15s ease;
    --transition: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* Rick Bags Brand Colors */
    --rick-red: #E53935;
    --rick-black: #000000;
    --rick-white: #FFFFFF;
}

/* ===================================
   TEMA RICK BAGS - OSCURO (Principal)
   =================================== */
[data-theme="dark"] {
    --primary: #E53935;
    --primary-dark: #C62828;
    --primary-light: #EF5350;
    --secondary: #757575;
    --warning: #FFB74D;
    --danger: #EF5350;
    --info: #64B5F6;
    
    --background: #000000;
    --surface: #121212;
    --surface-hover: #1E1E1E;
    
    --text-primary: #FFFFFF;
    --text-secondary: #B0B0B0;
    --text-muted: #9E9E9E;
    
    --border: #2A2A2A;
    --border-light: #1A1A1A;
    
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.6);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.7);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.8);
}

/* ===================================
   TRANSICIONES GLOBALES
   =================================== */
body,
.card,
.btn,
.form-control,
.form-select,
.table,
.navbar,
.dropdown-menu,
.modal-content,
.toast {
    transition: background-color var(--transition), 
                border-color var(--transition), 
                color var(--transition),
                box-shadow var(--transition);
}

/* Stat cards labels en tema oscuro */
[data-theme="dark"] .stat-card .text-muted,
[data-theme="dark"] .card .text-muted {
    color: #FFFFFF !important;
}

[data-theme="dark"] .card small.text-muted {
    color: #FFFFFF !important;
}

[data-theme="dark"] .stat-card h3,
[data-theme="dark"] .card h3.mb-0 {
    color: #FFFFFF !important;
}

/* Todos los textos en blanco en tema oscuro */
[data-theme="dark"] p,
[data-theme="dark"] span:not(.badge),
[data-theme="dark"] label,
[data-theme="dark"] .form-label,
[data-theme="dark"] .card-title,
[data-theme="dark"] .card-header,
[data-theme="dark"] .text-secondary,
[data-theme="dark"] .text-muted,
[data-theme="dark"] small,
[data-theme="dark"] h1, [data-theme="dark"] h2, 
[data-theme="dark"] h3, [data-theme="dark"] h4, 
[data-theme="dark"] h5, [data-theme="dark"] h6,
[data-theme="dark"] td,
[data-theme="dark"] th,
[data-theme="dark"] li,
[data-theme="dark"] div {
    color: #FFFFFF !important;
}

/* Links en blanco */
[data-theme="dark"] a:not(.btn):not(.nav-link):not(.navbar-brand):not(.badge) {
    color: #FFFFFF !important;
}

[data-theme="dark"] a:not(.btn):not(.nav-link):not(.navbar-brand):not(.badge):hover {
    color: #E0E0E0 !important;
}