/* Shared UI tokens for the new 2BRanking screens. */
:root{
  --ui-page:#f7f9fc;
  --ui-page-left:#f2eeee;
  --ui-page-right:#e9f5f8;
  --ui-surface:#ffffff;
  --ui-surface-soft:#fbfdff;
  --ui-line:#dde7f0;
  --ui-line-soft:#edf1f6;
  --ui-text:#151b23;
  --ui-text-2:#263445;
  --ui-muted:#66758a;
  --ui-muted-2:#7d8898;
  --ui-muted-3:#9aa4b2;
  --ui-cyan:#08b6d5;
  --ui-cyan-dark:#0786a0;
  --ui-cyan-soft:#e4f9fd;
  --ui-green:#13b981;
  --ui-green-dark:#059669;
  --ui-green-soft:#e8fff5;
  --ui-amber:#f6b300;
  --ui-amber-dark:#b77900;
  --ui-amber-soft:#fff7d8;
  --ui-red:#f43f5e;
  --ui-red-dark:#e11d48;
  --ui-red-soft:#fff1f4;
  --ui-card-radius:18px;
  --ui-card-shadow:0 8px 22px rgba(15,23,42,.045);
  --ui-card-shadow-strong:0 10px 24px rgba(15,23,42,.055);
  --ui-press-scale:.985;
}

[data-theme="dark"]{
  --ui-page:#101820;
  --ui-page-left:#121b26;
  --ui-page-right:#102431;
  --ui-surface:#172332;
  --ui-surface-soft:#111c28;
  --ui-line:#2c3c4f;
  --ui-line-soft:#243448;
  --ui-text:#eef4fb;
  --ui-text-2:#cbd7e6;
  --ui-muted:#94a4b8;
  --ui-muted-2:#7f8fa3;
  --ui-muted-3:#718196;
  --ui-cyan-soft:rgba(8,182,213,.18);
  --ui-green-soft:rgba(19,185,129,.16);
  --ui-amber-soft:rgba(246,179,0,.18);
  --ui-red-soft:rgba(244,63,94,.17);
  --ui-card-shadow:0 10px 24px rgba(0,0,0,.24);
  --ui-card-shadow-strong:0 14px 30px rgba(0,0,0,.30);
}

#s-newsfeed,
#s-ranking{
  --screen-page:var(--ui-page);
  --screen-page-left:var(--ui-page-left);
  --screen-page-right:var(--ui-page-right);
  --screen-surface:var(--ui-surface);
  --screen-line:var(--ui-line);
  --screen-line-soft:var(--ui-line-soft);
  --screen-text:var(--ui-text);
  --screen-text-2:var(--ui-text-2);
  --screen-muted:var(--ui-muted);
  --screen-muted-2:var(--ui-muted-2);
  --screen-muted-3:var(--ui-muted-3);
  --screen-cyan:var(--ui-cyan);
  --screen-cyan-dark:var(--ui-cyan-dark);
  --screen-cyan-soft:var(--ui-cyan-soft);
  --screen-card-radius:var(--ui-card-radius);
  --screen-card-shadow:var(--ui-card-shadow);
}