/* ============================================================
   UMOTION — Design tokens compartidos (tema principal)
   ------------------------------------------------------------
   Fuente única de la paleta y tipografía de la app de cliente y de
   coach. Cambiar un color de marca aquí lo cambia en todas las páginas
   que enlazan este archivo — antes había que editarlo página por página.

   ALCANCE: solo el tema principal (app/*.html de cliente + coach/*.html).
   NO cubre el tema alterno (app/pay.html y app/rtg-*.html), que usa otra
   paleta y tipografía (Space Grotesk / Inter / #0a0a0a) — esos definen sus
   propios tokens inline.

   Se dejan INLINE por página (valores divergentes, no unificables sin
   cambiar el aspecto):
     --muted       (#666 en varias páginas de cliente, #888 en el resto)
     --green-glow  (.28 vs .3)

   Nota: --red se define aquí. Las páginas de coach que ya lo declaran
   inline usan el mismo #ff4466 (su inline gana, sin cambio). El único
   efecto neto es en app/dashboard.html, que usaba var(--red) sin definir
   ni fallback en el tracker de hábitos: los estados <50% ahora sí pintan
   en rojo (antes quedaban sin color / barra transparente).
   ============================================================ */
:root{
  --bg:#080808;
  --bg2:#0f0f0f;
  --bg3:#151515;
  --text:#e8e8e8;
  --green:#00ff88;
  --green-dim:rgba(0,255,136,.1);
  --border:rgba(255,255,255,.07);
  --orange:#ff8c42;
  --red:#ff4466;
  --yellow:#ffc800;
  --head:'Bebas Neue',sans-serif;
  --body:'DM Sans',sans-serif;
  --mono:'DM Mono',monospace;
}