/* ============================================================
   VARIABLES.CSS — Paleta y tokens globales
   vortexlabs.cl
   ============================================================ */

:root {
  /* Colores principales */
  --accent:      #6366f1;
  --accent-lt:   #818cf8;
  --accent-dk:   #4f46e5;

  /* Fondos */
  --bg:          #0f172a;
  --bg-card:     #1e293b;
  --bg-alt:      #172033;

  /* Textos */
  --text:        #f8fafc;
  --text-muted:  #94a3b8;
  --text-sub:    #7f90b7;

  /* Bordes */
  --border:      rgba(99,102,241,0.15);
  --border-hover:rgba(99,102,241,0.4);

  /* Transparencias */
  --accent-10:   rgba(99,102,241,0.10);
  --accent-20:   rgba(99,102,241,0.20);

  /* Glassmorphism (tarjetas) */
  --glass-bg:     rgba(30,41,59,0.55);
  --glass-border: rgba(165,180,252,0.16);

  /* Tipografía */
  --font-display: 'Space Grotesk', 'Inter', sans-serif;
  --font-body:    'DM Sans', 'Inter', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;
}