/* ========================================
   Sistema Académico ISFER - Variables CSS
   Archivo Central de Variables de Colores
   Tema: AZUL (W&S NetSoft Style)
   ======================================== */

:root {
  /* ========================================
       COLORES PRINCIPALES - AZUL (Mapeado de Verde)
       ======================================== */
  --primary-color: #007bff;
  --primary-dark: #0056b3;
  --primary-darker: #004085;
  --primary-light: #4da3ff;

  /* RGB values for box-shadow (same colors as above) */
  --primary-rgb: 0, 123, 255;
  /* #007bff */
  --primary-dark-rgb: 0, 86, 179;
  /* #0056b3 */
  --primary-light-rgb: 77, 163, 255;
  /* #4da3ff */

  /* ========================================
       COLORES DE ESTADO
       ======================================== */
  --success-color: #10b981;
  --success-dark: #059669;
  --success-darker: #047857;

  /* RGB values for success */
  --success-rgb: 16, 185, 129;
  /* #10b981 */
  --success-dark-rgb: 5, 150, 105;
  /* #059669 */

  --info-color: #0dcaf0;
  --info-dark: #0aa2c0;

  /* RGB values for info */
  --info-rgb: 13, 202, 240;
  /* #0dcaf0 */

  --warning-color: #f59e0b;
  --warning-dark: #d97706;
  --warning-darker: #b45309;

  /* RGB values for warning */
  --warning-rgb: 245, 158, 11;
  /* #f59e0b */
  --warning-dark-rgb: 217, 119, 6;
  /* #d97706 */

  --danger-color: #ef4444;
  --danger-dark: #dc2626;

  /* RGB values for danger */
  --danger-rgb: 239, 68, 68;
  /* #ef4444 */

  --purple-color: #6f42c1;
  --purple-dark: #5a32a3;

  /* RGB values for purple */
  --purple-rgb: 111, 66, 193;
  /* #6f42c1 */

  /* ========================================
       COLORES DE UI - BACKGROUNDS
       ======================================== */
  --body-bg: #f8f9fa;
  --card-bg: #ffffff;

  /* Fondos Verdes (Mapeados a Azul para compatibilidad) */
  --bg-green-pastel: #e3f2fd;
  --bg-green-light: #f8fdff;
  --bg-green-lighter: #f0f7ff;
  --bg-green-lightest: #f5faff;

  /* Fondos Neutrales */
  --bg-gray-light: #f7fafc;
  --bg-gray: #f3f4f6;
  --bg-gray-dark: #e2e3e5;

  /* ========================================
       COLORES DE TEXTO
       ======================================== */
  --text-primary: #2d3748;
  --text-secondary: #718096;
  --text-muted: #a0aec0;
  --text-dark: #1a3a5e;
  /* Mapeado de text-dark verde */

  /* ========================================
       SIDEBAR
       ======================================== */
  --sidebar-bg: #1a1a1a;
  --sidebar-hover: #2d2d2d;
  --sidebar-width: 260px;

  /* ========================================
       BORDERS
       ======================================== */
  --border-light: #e2e8f0;
  --border-medium: #cbd5e0;
  --border-green: #b8daff;
  /* Mapeado a Azul */
  --border-primary: #007bff;

  /* ========================================
       GRADIENTES COMUNES
       ======================================== */
  --gradient-primary: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
  --gradient-primary-reverse: linear-gradient(135deg, #0056b3 0%, #007bff 100%);
  --gradient-primary-vertical: linear-gradient(#0056b3 0%, #007bff 100%);

  --gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);
  --gradient-info: linear-gradient(135deg, #0dcaf0 0%, #0aa2c0 100%);
  --gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  --gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  --gradient-purple: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%);

  --gradient-login-bg: linear-gradient(135deg,
      #007bff 0%,
      #0056b3 50%,
      #004085 100%);
  --gradient-navbar: linear-gradient(135deg, #0056b3 0%, #0078d4 100%);
  --gradient-content-header: linear-gradient(180deg, #ffffff 0%, #cce5ff 100%);
  --gradient-content-header2: linear-gradient(#cce5ff 0%, #ffffff 100%);


  /* ========================================
       SOMBRAS
       ======================================== */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 8px 20px rgba(0, 0, 0, 0.12);

  --shadow-primary: 0 4px 12px rgba(0, 123, 255, 0.3);
  --shadow-primary-lg: 0 6px 16px rgba(0, 123, 255, 0.4);
  --shadow-success: 0 4px 12px rgba(5, 150, 105, 0.4);
  --shadow-warning: 0 4px 12px rgba(217, 119, 6, 0.4);

  /* ========================================
       EFECTOS DE FOCUS
       ======================================== */
  --focus-ring-primary: 0 0 0 0.25rem rgba(0, 123, 255, 0.25);
  --focus-ring-primary-sm: 0 0 0 2px rgba(0, 123, 255, 0.1);
  --focus-ring-primary-lg: 0 0 0 4px rgba(0, 123, 255, 0.15);

  /* ========================================
       COLORES DE PROMEDIO
       ======================================== */
  --promedio-aprobado-bg: #d1e7dd;
  --promedio-aprobado-text: #0f5132;

  --promedio-desaprobado-bg: #f8d7da;
  --promedio-desaprobado-text: #842029;

  --promedio-pendiente-bg: #e2e3e5;
  --promedio-pendiente-text: #41464b;

  /* ========================================
       BORDERS RADIUS
       ======================================== */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-full: 50%;

  /* ========================================
       TRANSITIONS
       ======================================== */
  --transition-fast: all 0.2s ease;
  --transition-base: all 0.3s ease;
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  /* ========================================
       GRADIENTES DE ROLES
       ======================================== */
  /* Alumno: Azul más claro/suave, gradiente invertido (315deg) */
  --gradient-student: linear-gradient(315deg, #4da3ff 0%, #007bff 100%);

  /* Docente: Azul fuerte con gradiente más notorio */
  --gradient-teacher: linear-gradient(135deg, #0d6efd 0%, #003366 100%);
}