/* Tipografías aprobadas: Sora (títulos) + Inter (interfaz) */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root {
  /* ============================================================
     SISTEMA DE DISEÑO — "CONFIANZA ACADÉMICA" (v2 aprobada)
     Paleta: Azul Tinta · Azul Primario · Dorado Sobrio · Esmeralda
     Tipografías: Sora (títulos) + Inter (interfaz)
     NOTA: los nombres de variables antiguos se conservan con sus
     nuevos valores aprobados — ninguna página se rompe.
     ============================================================ */

  /* ---------- TOKENS NUEVOS (maqueta v2) ---------- */
  --ink: #0F1E42;            /* Azul Tinta — sidebar, títulos, superficies oscuras */
  --ink-2: #16295B;          /* Tinta elevada (hover de sidebar) */
  --primary: #1E3A8A;        /* Azul Primario — botones, enlaces, activo */
  --primary-2: #24479F;      /* Hover de primario */
  --primary-soft: #EEF2FB;   /* Fondo suave azul (chips, selección) */
  --gold: #C9A227;           /* Dorado Sobrio — acentos, badges premium */
  --gold-soft: #FAF3DE;      /* Fondo dorado suave */
  --emerald: #0E9F6E;        /* Éxito, confirmado, presente */
  --emerald-soft: #E6F6EF;
  --amber: #D97706;          /* Alerta media, en riesgo */
  --amber-soft: #FDF3E7;
  --danger: #DC2626;         /* Emergencia, mora, error */
  --danger-soft: #FDECEC;

  /* Escala slate (neutros de la maqueta) */
  --s-50: #F8FAFC;  --s-100: #F1F5F9;  --s-200: #E2E8F0;
  --s-300: #CBD5E1; --s-400: #94A3B8;  --s-500: #64748B;
  --s-600: #475569; --s-700: #334155;  --s-800: #1E293B; --s-900: #0F172A;

  /* Tipografías aprobadas */
  --font-display: 'Sora', 'Inter', -apple-system, 'Segoe UI', sans-serif;

  /* ---------- NOMBRES ANTIGUOS → VALORES APROBADOS ---------- */
  /* COLORES PRINCIPALES */
  --color-primario: #1E3A8A;        /* Azul Primario aprobado */
  --color-primario-oscuro: #0F1E42; /* ahora Azul Tinta */
  --color-secundario: #C9A227;      /* Dorado Sobrio aprobado */
  --color-acento: #0E9F6E;          /* Esmeralda aprobado */

  /* COLORES DERIVADOS */
  --color-azul-claro: #3B82F6;
  --color-azul-oscuro: #0F1E42;
  --color-amarillo: #D97706;
  --color-verde: #0E9F6E;

  /* NEUTROS (slate) */
  --color-fondo: #F8FAFC;           /* --s-50 */
  --color-fondo-claro: #FAF3DE;     /* dorado suave (antes crema) */
  --color-texto: #1E293B;           /* --s-800 */
  --color-texto-claro: #64748B;     /* --s-500 */
  --color-gris-claro: #E2E8F0;      /* --s-200 */
  --color-gris-oscuro: #94A3B8;     /* --s-400 */
  --color-blanco: #FFFFFF;          /* F4.2: fix hover .btn/.btn-outline (texto invisible) */

  /* ESTADOS */
  --color-error: #DC2626;
  --color-exito: #0E9F6E;
  --color-alerta: #D97706;

  /* TIPOGRAFÍAS */
  --font-principal: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-titulos: 'Sora', 'Inter', 'Helvetica Neue', Arial, sans-serif;

  /* TAMAÑOS DE FUENTE RESPONSIVE */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 16px;
  --fs-lg: 1.125rem;
  --fs-xl: 1.25rem;
  --fs-h3: 1.5rem;
  --fs-h2: 2rem;
  --fs-h1: 2.5rem;

  /* ESPACIADO */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-2xl: 4rem;

  /* LAYOUT */
  --container-max-width: 1200px;
  --sidebar-w: 260px;              /* Ancho del sidebar admin (maqueta) */

  /* SOMBRAS (más suaves, estilo maqueta) */
  --shadow-sm: 0 1px 2px rgba(15,30,66,0.06);
  --shadow-md: 0 4px 12px rgba(15,30,66,0.08);
  --shadow-lg: 0 12px 28px rgba(15,30,66,0.12);
  --shadow-xl: 0 20px 40px rgba(15,30,66,0.16);

  /* BORDES */
  --border-radius-sm: 6px;
  --border-radius: 10px;
  --border-radius-lg: 14px;
  --border-radius-xl: 18px;

  /* TRANSICIONES */
  --transition-fast: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============================================================
   F6.1.2: LEGIBILIDAD GARANTIZADA DE BOTONES PRIMARIOS
   El texto de .btn-primary debe ser SIEMPRE blanco (fondo azul oscuro).
   Especificidad (0,1,1) supera a base/components (0,1,0) y NO afecta
   al slider del home demo (.slide-content .btn-primary, (0,2,0) dorado
   con texto azul oscuro intencional).
   ============================================================ */
main .btn-primary,
main a.btn-primary,
main button.btn-primary,
main .btn-primary:hover,
main a.btn-primary:hover,
main button.btn-primary:hover {
  color: #FFFFFF;
}