/* =====================================================
   CAPACITA ENFERMERÍA
   VARIABLES GLOBALES DEL CAMPUS
===================================================== */

:root {

   /* =====================================================
       COLORES PRINCIPALES
    ===================================================== */

   --color-background: #07111f;
   --color-background-secondary: #0d1728;
   --color-surface: rgba(15, 23, 42, 0.78);

   --color-primary: #2563eb;
   --color-primary-hover: #3b82f6;

   --color-text: #f8fafc;
   --color-text-secondary: #cbd5e1;

   --color-border: rgba(255, 255, 255, .08);

   --color-success: #22c55e;
   --color-warning: #f59e0b;
   --color-error: #ef4444;

   /* =====================================================
       TIPOGRAFÍA
    ===================================================== */

   --font-family: "Raleway", sans-serif;

   --font-title: 2rem;
   --font-subtitle: 1rem;
   --font-text: 1rem;
   --font-small: .9rem;

   /* =====================================================
       BORDES
    ===================================================== */

   --radius-small: 8px;
   --radius-medium: 14px;
   --radius-large: 22px;

   /* =====================================================
       SOMBRAS
    ===================================================== */

   --shadow-card:
      0 20px 60px rgba(0, 0, 0, .45);

   --shadow-button:
      0 8px 20px rgba(37, 99, 235, .25);

   /* =====================================================
       TRANSICIONES
    ===================================================== */

   --transition-fast: .25s ease;

   --transition-normal: .35s ease;

   --transition-slow: .55s ease;

   /* =====================================================
       ESPACIADOS
    ===================================================== */

   --space-xs: .5rem;
   --space-sm: 1rem;
   --space-md: 1.5rem;
   --space-lg: 2rem;
   --space-xl: 3rem;

}