/* OATH ARENA V1: shared visual tokens. Existing page variables remain compatible. */
:root,
:root[data-theme="dark"]{
  --arena-black:#050506;
  --arena-graphite:#0b0b0d;
  --arena-steel:#111114;
  --arena-raised:#17171b;
  --arena-gold:#d8b34f;
  --arena-gold-bright:#f0d17b;
  --arena-gold-deep:#9f7a21;
  --arena-silver:#d9dbdd;
  --arena-ink:#f6f3eb;
  --arena-muted:#aaa79f;
  --arena-quiet:#77736b;
  --arena-cyan:#71d2dc;
  --arena-danger:#f07b7b;
  --arena-success:#75cf9c;
  --arena-line:rgba(255,255,255,.09);
  --arena-line-strong:rgba(255,255,255,.15);
  --arena-gold-line:rgba(216,179,79,.34);
  --arena-gold-wash:rgba(216,179,79,.075);
  --arena-cyan-wash:rgba(113,210,220,.08);
  --arena-shadow:0 24px 70px rgba(0,0,0,.36);
  --arena-shadow-tight:0 12px 34px rgba(0,0,0,.28);
  --arena-max:1380px;
  --arena-reading:760px;
  --arena-r1:2px;
  --arena-r2:4px;
  --arena-space-1:6px;
  --arena-space-2:10px;
  --arena-space-3:14px;
  --arena-space-4:18px;
  --arena-space-5:24px;
  --arena-space-6:32px;
  --arena-space-7:44px;
  --arena-space-8:64px;
  --arena-ease:cubic-bezier(.2,.72,.24,1);
  --arena-fast:180ms;
  --arena-medium:360ms;
  --arena-slow:760ms;

  --bg:var(--arena-black);
  --bg-2:var(--arena-graphite);
  --surface:var(--arena-steel);
  --surface-2:var(--arena-raised);
  --text:var(--arena-ink);
  --text-2:var(--arena-muted);
  --text-3:var(--arena-quiet);
  --gold:var(--arena-gold);
  --gold-light:var(--arena-gold-bright);
  --gold-soft:var(--arena-gold-deep);
  --gold-dim:var(--arena-gold-wash);
  --gold-line:var(--arena-gold-line);
  --cyan:var(--arena-cyan);
  --cyan-dim:var(--arena-cyan-wash);
  --line:var(--arena-line);
  --line-2:var(--arena-line-strong);
  --shadow:var(--arena-shadow-tight);
}

:root[data-theme="light"]{
  --arena-gold:#9f7a21;
  --arena-gold-bright:#806017;
  --arena-silver:#353638;
  --arena-line:rgba(15,15,18,.10);
  --arena-line-strong:rgba(15,15,18,.16);
  --arena-gold-line:rgba(159,122,33,.34);
  --arena-gold-wash:rgba(159,122,33,.075);
}

@media (max-width:760px){
  :root{
    --arena-space-6:26px;
    --arena-space-7:34px;
    --arena-space-8:48px;
  }
}