/* ============================================================
   tokens.css — Variables de diseño (design tokens)
   Responsabilidad: una única fuente de verdad para colores,
   tipografía, espaciado y radios usados en toda la app.
   ============================================================ */
:root {
  /* Backgrounds */
  --bg:        #080c12;
  --surface:   #0d1520;
  --surface2:  #111d2e;
  --surface3:  #162338;
  --glass:     rgba(13, 21, 32, 0.85);

  /* Borders */
  --border:    rgba(30, 80, 140, 0.25);
  --border2:   rgba(30, 80, 140, 0.45);
  --border-hi: rgba(0, 180, 255, 0.40);

  /* Text */
  --text:    #c8d4e0;
  --text-hi: #e8f0f8;
  --muted:   #6a7d90;
  --hint:    #3a4d60;

  /* Accent — electric blue / cyan */
  --accent:    #00b4ff;
  --accent2:   #0090d4;
  --accent3:   #00d4ff;
  --accentbg:  rgba(0, 180, 255, 0.08);
  --accentbg2: rgba(0, 180, 255, 0.15);

  /* Status colors */
  --green:   #00d084;
  --greenbg: rgba(0, 208, 132, 0.10);
  --amber:   #f0a500;
  --amberbg: rgba(240, 165, 0, 0.10);
  --red:     #ff4455;
  --redbg:   rgba(255, 68, 85, 0.10);
  --blue:    #3b9eff;
  --bluebg:  rgba(59, 158, 255, 0.10);

  /* Layout */
  --radius:    10px;
  --radius-lg: 16px;
  --topbar-h:  60px;
  --tabs-h:    48px;

  /* Typography */
  --font-display: 'Rajdhani', sans-serif;
  --font-body:    'DM Sans', sans-serif;
  --font-mono:    'DM Mono', monospace;
}