/* SyncActive — tokens (combinados) para el panel RuflesTV. Dark-first.
   © WeSoft Solutions · design system SyncActive (ref. Anna Bize). */
:root{
  /* brand */
  --brand:#ED4F01; --brand-600:#D9420A; --brand-400:#FF6A2B; --brand-300:#F97A3D;
  --brand-gradient:linear-gradient(135deg,#F97A3D 0%,#ED4F01 45%,#D9420A 100%);
  --brand-soft:rgba(237,79,1,.14);
  --lime:#B7F272; --lime-600:#9BE04F; --lime-700:#7FC53A;
  /* surfaces */
  --bg:#141517;
  --bg-grad:radial-gradient(1200px 600px at 80% -10%, rgba(237,79,1,.10), transparent 60%), #141517;
  --surface:#1B1D22; --surface-2:#23262D; --surface-3:#2C2F37;
  --line:rgba(255,255,255,.08); --line-strong:rgba(255,255,255,.14);
  /* ink */
  --ink:#F9F9F9; --muted:#9A9DA6; --muted-2:#6E7178; --on-brand:#FFFFFF;
  /* semantic */
  --success:#9BE04F; --info:#5FA8FF; --warn:#F5B301; --danger:#F0483E;
  /* type */
  --font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --fs-display:3rem; --fs-h1:1.75rem; --fs-h2:1.375rem; --fs-h3:1.125rem;
  --fs-metric:2rem; --fs-metric-lg:2.75rem; --fs-body:.875rem; --fs-small:.8125rem;
  --fs-xs:.75rem; --fs-overline:.6875rem; --ls-tight:-0.02em; --ls-overline:.08em;
  /* space */
  --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --space-8:32px;
  /* radius */
  --r-xs:8px; --r-sm:12px; --r-md:16px; --r-lg:22px; --r-xl:28px; --r-pill:999px;
  /* shadow */
  --sh-card:0 1px 0 rgba(255,255,255,.03) inset, 0 8px 24px rgba(0,0,0,.35);
  --sh-float:0 18px 50px rgba(0,0,0,.45);
  --sh-glow:0 8px 30px rgba(237,79,1,.35);
  /* layout */
  --content-max:1080px; --gap:16px;
}