/* ============================================================
   ACADEMIKA PLUS — DESIGN TOKENS / VARIABLES GLOBALES
   Importar ANTES de cualquier otro stylesheet del proyecto.
   ============================================================ */

:root {

   /* ----------------------------------------------------------
     PALETA DE COLORES PRINCIPAL
  ---------------------------------------------------------- */

   /* Verde principal */
   --color-primary: #009245;
   /* CTAs, botones primarios, acentos */
   --color-primary-dark: #006630;
   /* hover del verde (de la escala secundaria) */
   --color-primary-light: #e5fff1;
   /* fondos sutiles verdes (de la escala secundaria) */

   /* Oscuro / texto */
   --color-dark: #121629;
   --color-dark-80: rgba(18, 22, 41, 0.80);
   --color-dark-60: rgba(18, 22, 41, 0.60);
   --color-dark-40: rgba(18, 22, 41, 0.40);

   /* Azul */
   --color-blue: #031e94;
   /* links, info, secundario */
   --color-blue-light: #e8f0ff;
   /* fondos azules sutiles */

   /* Azul claro */
   --color-lblue: #4aafe9;
   /* badges info, highlights */
   --color-lblue-light: #e3f4fd;

   /* Lima */
   --color-lime: #7ee90c;
   /* badges especiales, highlights activos */
   --color-lime-light: #ccffe4;
   /* de la escala secundaria */

   /* Grises */
   --color-gray: #cccccc;
   --color-gray-dark: #888888;
   --color-gray-light: #f5f5f5;
   --color-gray-ultra: #fafafa;

   /* Neutros */
   --color-white: #ffffff;
   --color-black: #000000;

   /* ----------------------------------------------------------
     PALETA SECUNDARIA — ESCALA DE VERDES
  ---------------------------------------------------------- */
   --green-50: #e5fff1;
   --green-100: #ccffe4;
   --green-200: #99ffc9;
   --green-300: #66ffad;
   --green-400: #33ff92;
   --green-500: #00ff77;
   --green-600: #00cc5f;
   --green-700: #009947;
   --green-800: #006630;
   --green-900: #003318;
   --green-950: #002411;

   /* ----------------------------------------------------------
     COLORES SEMÁNTICOS
  ---------------------------------------------------------- */

   --color-success: #009947;
   --color-success-bg: rgba(0, 153, 71, 0.12);

   --color-error: #cc3300;
   --color-error-bg: rgba(204, 51, 0, 0.10);

   --color-warning: #e07800;
   --color-warning-bg: rgba(224, 120, 0, 0.10);

   --color-info: #4aafe9;
   --color-info-bg: rgba(74, 175, 233, 0.12);

   /* ----------------------------------------------------------
     GLASSMORPHISM
  ---------------------------------------------------------- */

   /* — Modo oscuro — */
   --glass-bg-dark: rgba(255, 255, 255, 0.06);
   --glass-bg-dark-hover: rgba(255, 255, 255, 0.10);
   --glass-border-dark: rgba(255, 255, 255, 0.12);
   --glass-shadow-dark: 0 8px 32px rgba(0, 0, 0, 0.35);

   /* — Modo claro — */
   --glass-bg-light: rgba(255, 255, 255, 0.65);
   --glass-bg-light-hover: rgba(255, 255, 255, 0.80);
   --glass-border-light: rgba(255, 255, 255, 0.90);
   --glass-shadow-light: 0 4px 24px rgba(18, 22, 41, 0.08);

   /* — Blur universal — */
   --glass-blur: blur(14px);
   --glass-blur-sm: blur(8px);

   /* ----------------------------------------------------------
     BORDES Y RADIOS
  ---------------------------------------------------------- */

   --radius-sm: 8px;
   --radius-md: 12px;
   --radius-lg: 16px;
   --radius-xl: 24px;
   --radius-full: 9999px;
   /* píldoras / badges */

   --border-glass: 1px solid var(--glass-border-dark);
   /* override en modo claro */

   /* ----------------------------------------------------------
     TIPOGRAFÍA
     (Las fuentes ya están integradas en el proyecto via Google Fonts)
  ---------------------------------------------------------- */

   --font-weight-regular: 400;
   --font-weight-medium: 500;
   --font-weight-bold: 700;

   --text-xs: 0.75rem;
   /* 12px */
   --text-sm: 0.875rem;
   /* 14px */
   --text-base: 1rem;
   /* 16px */
   --text-lg: 1.125rem;
   /* 18px */
   --text-xl: 1.25rem;
   /* 20px */
   --text-2xl: 1.5rem;
   /* 24px */
   --text-3xl: 1.875rem;
   /* 30px */

   /* ----------------------------------------------------------
     TRANSICIONES
  ---------------------------------------------------------- */

   --transition-fast: all 0.15s ease;
   --transition-base: all 0.25s ease;
   --transition-slow: all 0.40s ease;

}

/* ----------------------------------------------------------
   OVERRIDES MODO CLARO
   (ajusta las variables de vidrio al contexto light)
---------------------------------------------------------- */
.light,
:root:not(.dark) {
   --border-glass: 1px solid var(--glass-border-light);
   --glass-bg-dark: var(--glass-bg-light);
   /* alias conveniente */
   --glass-shadow-dark: var(--glass-shadow-light);
}