/* ═══════════════════════════════════════════════
   OneProtocol Clinical & Performance Coaching
   01-tokens — Design System Variables (:root)
═══════════════════════════════════════════════ */

:root{
  /* ── Fondos premium — azul noche profundo ── */
  --bg:#060D18;--bg2:#0C1628;--bg3:#131E2E;--bg4:#1A2840;--bg5:#1F3050;
  --line:#1E2D42;--line2:#243450;

  /* ── Plata metálica premium — fría, técnica ── */
  --gold:#D4E2F0;--gold2:#A8BDD4;--gold3:#E8F4FF;
  --gold-shine:#F0F8FF;--gold-deep:#6B8099;
  --gold-bg:rgba(212,226,240,.07);--gold-brd:rgba(212,226,240,.18);
  --gold20:rgba(212,226,240,.12);

  /* ── Gradientes metálicos reutilizables ── */
  --grad-gold:linear-gradient(135deg,#6B8099 0%,#A8BDD4 35%,#E8F4FF 55%,#A8BDD4 75%,#6B8099 100%);
  --grad-silver:linear-gradient(135deg,#6B8099 0%,#A8BDD4 40%,#E8F4FF 60%,#A8BDD4 80%,#6B8099 100%);

  /* ── Azul acento secundario ── */
  --silver:#A8BDD4;--silver2:#6B8099;--silver3:#E8F4FF;

  /* ── Textos ── */
  --txt:#F0F4F8;--txt2:#8099B8;--muted:#3A5070;

  /* ── 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:#4F8EF7;--blue-bg:rgba(79,142,247,.1);--blue-brd:rgba(79,142,247,.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);

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