/* ============================================
TEMA DINÁMICO OPTIMIZADO PARA BOOTSTRAP 5
============================================ */

:root {
/* 1. Variables Base del Tema */
--primary-color: #0d6efd;
--secondary-color: #6c757d;
--success-color: #198754;
--warning-color: #ffc107;
--danger-color: #dc3545;
--info-color: #0dcaf0;

--gradient-start: #667eea;
--gradient-end: #764ba2;
--gradient-primary: linear-gradient(135deg, var(--gradient-start) 0%, var(--gradient-end) 100%);

--text-primary: #212529;
--text-secondary: #6c757d;
--text-muted: #adb5bd;

--bg-light: #f8f9fa;
--bg-dark: #212529;
--bg-body: #ffffff;

--font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--border-radius: 8px;
--box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

/* 2. Redefinición de Variables de Bootstrap 5
Esto permite que utilidades como bg-opacity funcionen correctamente */

--bs-primary: #0d6efd;
--bs-primary-rgb: 13, 110, 253;

--bs-secondary: #6c757d;
--bs-secondary-rgb: 108, 117, 125;

--bs-success: #198754;
--bs-success-rgb: 25, 135, 84;

--bs-info: #0dcaf0;
--bs-info-rgb: 13, 202, 240;

--bs-warning: #ffc107;
--bs-warning-rgb: 255, 193, 7;

--bs-danger: #dc3545;
--bs-danger-rgb: 220, 53, 69;

--bs-body-font-family: var(--font-family);
--bs-body-color: var(--text-primary);
--bs-body-bg: var(--bg-body);
--bs-border-radius: var(--border-radius);
}

/* ============================================
ESTILOS PERSONALIZADOS ADICIONALES
============================================ */

/* Gradientes Manuales */
.bg-gradient-primary {
background: var(--gradient-primary) !important;
}

/* Links */
a {
color: var(--primary-color);
text-decoration: none;
}
a:hover {
color: color-mix(in srgb, var(--primary-color) 80%, black);
}

/* Badges y Botones Específicos */
.btn-primary {
--bs-btn-bg: var(--primary-color);
--bs-btn-border-color: var(--primary-color);
--bs-btn-hover-bg: color-mix(in srgb, var(--primary-color) 90%, black);
--bs-btn-hover-border-color: color-mix(in srgb, var(--primary-color) 90%, black);
}

/* Utilidades Extra */
.shadow-sm { box-shadow: var(--box-shadow) !important; }
.text-justify { text-align: justify; }

/* Navbar Brand Color */
.navbar-brand { color: var(--text-primary); }

/* Corrección de Inputs Focus */
.form-control:focus, .form-select:focus {
border-color: var(--primary-color);
box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}