/* ═══════════════════════════════════════════════
   IronQx Clinical & Performance Coaching
   01-tokens — Design System Variables (:root)
   AUTO-EXTRACTED — safe to edit individually
═══════════════════════════════════════════════ */


:root{
  /* ── Fondos premium — negro profundo sin tinte azul ── */
  --bg:#080809;--bg2:#0e0f11;--bg3:#161719;--bg4:#1c1d22;--bg5:#222430;
  --line:#272a34;--line2:#323545;

  /* ── Oro metálico premium — cálido, no anaranjado ── */
  --gold:#C9A84C;--gold2:#A88A32;--gold3:#F2CB68;
  --gold-shine:#FAE89A;--gold-deep:#7A6018;
  --gold-bg:rgba(201,168,76,.07);--gold-brd:rgba(201,168,76,.22);

  /* ── Plateado metálico — más neutro y frío ── */
  --silver:#C4C8D4;--silver2:#8A909E;--silver3:#E8EAF0;

  /* ── Textos ── */
  --txt:#ECEEF4;--txt2:#9BA3B8;--muted:#52576C;

  /* ── Semáforo & acento ── */
  --green:#2eab65;--green-bg:rgba(46,171,101,.09);--green-brd:rgba(46,171,101,.25);
  --red:#d44;--red-bg:rgba(221,68,68,.09);--red-brd:rgba(221,68,68,.25);
  --amber:#e8960c;--amber-bg:rgba(232,150,12,.1);--amber-brd:rgba(232,150,12,.28);
  --blue:#5577ee;--blue-bg:rgba(85,119,238,.1);--blue-brd:rgba(85,119,238,.25);
  --purple:#9966dd;--purple-bg:rgba(153,102,221,.1);--purple-brd:rgba(153,102,221,.25);
  --fat:#e85d75;--fat-bg:rgba(232,93,117,.12);--fat-brd:rgba(232,93,117,.3);

  /* ── Gradientes metálicos reutilizables ── */
  --grad-gold:linear-gradient(135deg,#A88A32 0%,#C9A84C 35%,#F2CB68 55%,#C9A84C 75%,#A88A32 100%);
  --grad-silver:linear-gradient(135deg,#8A909E 0%,#C4C8D4 40%,#E8EAF0 60%,#C4C8D4 80%,#8A909E 100%);

  --r:16px;--rs:10px;
  --safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);
}