/* ─── PERSEO INFORMÁTICA — DESIGN TOKENS ─────────────────────────────────── */
:root {
  /* Paleta */
  --navy:      #060e1d;
  --navy-2:    #0d1f3c;
  --navy-3:    #1a3558;
  --blue:      #1a5fb4;
  --cyan:      #00aaff;
  --cyan-dim:  rgba(0, 170, 255, 0.18);
  --cyan-glow: rgba(0, 170, 255, 0.06);
  --silver:    #a8c0d6;
  --silver-hi: #ddeeff;
  --muted:     #4a6a8a;
  --danger:    #ff4466;
  --ok:        #00dd88;
  --warn:      #ffaa00;

  /* Tipografía */
  --font-ui:   'JetBrains Mono', monospace;
  --font-disp: 'Syne', sans-serif;

  /* Bordes y radios */
  --border:      0.5px solid rgba(0, 170, 255, 0.18);
  --border-hi:   0.5px solid rgba(0, 170, 255, 0.4);
  --radius:      6px;
  --radius-lg:   10px;

  /* Transiciones */
  --transition: 0.2s ease;

  /* Z-index scale */
  --z-topbar:  100;
  --z-modal:   200;
  --z-boot:    1000;
}