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

:root {
  /* Colores principales — dorado (marca/CTA) + violeta (acento tech) */
  --accent:      #f59e0b;
  --accent-lt:   #fbbf24;
  --accent-dk:   #d97706;

  /* Acento secundario — para jerarquía (badges, chips, detalles), no compite con el CTA dorado */
  --accent2:     #8b5cf6;
  --accent2-lt:  #a78bfa;
  --accent2-dk:  #7c3aed;

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

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

  /* Bordes */
  --border:      rgba(245,158,11,0.15);
  --border-hover:rgba(245,158,11,0.4);

  /* Transparencias */
  --accent-10:   rgba(245,158,11,0.10);
  --accent-20:   rgba(245,158,11,0.20);

  /* Glassmorphism (tarjetas) */
  --glass-bg:     rgba(30,41,59,0.55);
  --glass-border: rgba(251,191,36,0.16);

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