/* Identidad visual — Academia Global de Idiomas IA
   Azul noche + negro, azul eléctrico/celeste para acciones, dorado para logros,
   verde para progreso. Contrastes verificados para AA sobre --bg. */
:root {
  color-scheme: dark;

  --bg: #050814;
  --bg-2: #0a1124;
  --bg-3: #101a33;
  --surface: rgba(130, 160, 255, 0.06);
  --surface-2: rgba(130, 160, 255, 0.10);
  --surface-solid: #0d1530;
  --border: rgba(150, 180, 255, 0.16);
  --border-strong: rgba(150, 180, 255, 0.32);

  --text: #f4f7ff;
  --text-2: #c0cae3;
  --text-3: #8f9bb8;

  --electric: #3b82f6;
  --electric-2: #2563eb;
  --sky: #38bdf8;
  --sky-soft: #7dd3fc;
  --gold: #f5c45e;
  --gold-2: #d99a2b;
  --green: #34d399;
  --green-2: #10b981;
  --danger: #fb7185;
  --warning: #fbbf24;
  --on-accent: #031024;

  --grad-primary: linear-gradient(135deg, #3b82f6 0%, #38bdf8 100%);
  --grad-gold: linear-gradient(135deg, #fde68a 0%, #f5c45e 45%, #d99a2b 100%);
  --grad-glow: radial-gradient(60% 60% at 50% 40%, rgba(56, 189, 248, 0.22), transparent 70%);

  --font-display: 'Sora', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-cert: 'Cormorant Garamond', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;

  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-md: 1rem;
  --fs-lg: 1.25rem;
  --fs-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  --fs-2xl: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);
  --fs-hero: clamp(2.3rem, 1.3rem + 3.2vw, 4rem);

  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 72px; --sp-9: 112px;
  --radius-sm: 10px; --radius: 16px; --radius-lg: 24px; --radius-pill: 999px;

  --shadow-1: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 10px 30px -12px rgba(0, 0, 0, 0.7);
  --shadow-glow: 0 0 0 1px rgba(56, 189, 248, 0.35), 0 12px 40px -10px rgba(56, 189, 248, 0.45);
  --shadow-gold: 0 0 0 1px rgba(245, 196, 94, 0.45), 0 12px 36px -12px rgba(245, 196, 94, 0.5);

  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur-1: 140ms; --dur-2: 260ms; --dur-3: 520ms;
  --maxw: 1180px;
  --gutter: clamp(16px, 4vw, 32px);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-1: 0ms; --dur-2: 0ms; --dur-3: 0ms; }
}