/* Shared ranked practice theme tokens. Used by Practice Center and Grammar. */
:root,
html[data-practice-theme="dark"]{
  --arena-bg:#080b10;
  --arena-panel:#111827;
  --arena-panel-2:#182033;
  --arena-line:rgba(148,163,184,.20);
  --arena-text:#f8fafc;
  --arena-title-text:#fff;
  --arena-muted:#9aa8bd;
  --arena-gold:#f5b84b;
  --arena-gold-2:#facc15;
  --arena-cyan:#38bdf8;
  --arena-violet:#8b5cf6;
  --arena-emerald:#34d399;
  --arena-rose:#fb7185;
  --arena-page-bg:
    radial-gradient(circle at 16% 0%, rgba(245,184,75,.20), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(56,189,248,.16), transparent 26%),
    linear-gradient(145deg,#080b10 0%,#0d111b 48%,#090b11 100%);
  --arena-grid-line-a:rgba(255,255,255,.035);
  --arena-grid-line-b:rgba(255,255,255,.026);
  --arena-topbar-bg:linear-gradient(135deg,rgba(17,24,39,.82),rgba(24,32,51,.58));
  --arena-card-bg:linear-gradient(145deg,rgba(17,24,39,.88),rgba(24,32,51,.64));
  --arena-card-bg-strong:linear-gradient(145deg,rgba(11,18,32,.92),rgba(18,26,43,.82));
  --arena-card-solid:rgba(2,6,23,.35);
  --arena-card-soft:rgba(2,6,23,.34);
  --arena-control-bg:rgba(15,23,42,.62);
  --arena-progress-bg:rgba(2,6,23,.55);
  --arena-rank-card-bg:rgba(2,6,23,.35);
  --arena-shadow:0 26px 70px rgba(0,0,0,.34);
  --arena-topbar-shadow:0 24px 70px rgba(0,0,0,.34);
  --arena-lead:#ccd8e8;
  --arena-desc:#b7c4d6;
  --arena-copy:#cbd5e1;
  --arena-subtle:#d6e1ee;
  --arena-meta:#aebdd1;
  --arena-chip-bg:rgba(2,6,23,.34);
  --arena-status-bg:rgba(2,6,23,.36);
  --arena-kicker-bg:rgba(245,184,75,.10);
  --arena-kicker-text:#fde68a;
  --arena-badge-bg:linear-gradient(145deg,rgba(245,184,75,.14),rgba(2,6,23,.34));
  --arena-logo-bg:linear-gradient(135deg,rgba(245,184,75,.16),rgba(56,189,248,.08));
}

html[data-practice-theme="light"]{
  --arena-bg:#f6f8fc;
  --arena-panel:#ffffff;
  --arena-panel-2:#eef3f9;
  --arena-line:rgba(15,23,42,.14);
  --arena-text:#0f172a;
  --arena-title-text:#111827;
  --arena-muted:#64748b;
  --arena-gold:#d3911b;
  --arena-gold-2:#f2bd35;
  --arena-cyan:#0284c7;
  --arena-violet:#7c3aed;
  --arena-emerald:#059669;
  --arena-rose:#e11d48;
  --arena-page-bg:
    radial-gradient(circle at 16% 0%, rgba(211,145,27,.17), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(2,132,199,.12), transparent 28%),
    linear-gradient(145deg,#fbfcff 0%,#edf4ff 50%,#f7f7fb 100%);
  --arena-grid-line-a:rgba(15,23,42,.045);
  --arena-grid-line-b:rgba(15,23,42,.035);
  --arena-topbar-bg:linear-gradient(135deg,rgba(255,255,255,.94),rgba(241,245,249,.84));
  --arena-card-bg:linear-gradient(145deg,rgba(255,255,255,.96),rgba(241,245,249,.88));
  --arena-card-bg-strong:linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,242,247,.90));
  --arena-card-solid:rgba(255,255,255,.72);
  --arena-card-soft:rgba(248,250,252,.86);
  --arena-control-bg:rgba(255,255,255,.78);
  --arena-progress-bg:rgba(226,232,240,.86);
  --arena-rank-card-bg:rgba(255,255,255,.70);
  --arena-shadow:0 22px 58px rgba(15,23,42,.13);
  --arena-topbar-shadow:0 18px 52px rgba(15,23,42,.10);
  --arena-lead:#475569;
  --arena-desc:#475569;
  --arena-copy:#475569;
  --arena-subtle:#334155;
  --arena-meta:#64748b;
  --arena-chip-bg:rgba(248,250,252,.88);
  --arena-status-bg:rgba(255,255,255,.74);
  --arena-kicker-bg:rgba(211,145,27,.12);
  --arena-kicker-text:#8a5b04;
  --arena-badge-bg:linear-gradient(145deg,rgba(211,145,27,.14),rgba(255,255,255,.88));
  --arena-logo-bg:linear-gradient(135deg,rgba(211,145,27,.15),rgba(2,132,199,.08));
}