/* PlexUtils theme tokens. Keep page CSS on these variables instead of one-off grays. */
:root{
  --pmu-bg:#0b0b0f;
  --pmu-bg-soft:#101014;
  --pmu-sidebar:#121218;
  --pmu-surface:#151515;
  --pmu-surface-raised:#1d1d1d;
  --pmu-surface-hover:#242424;
  --pmu-border:rgba(255,255,255,.08);
  --pmu-border-strong:rgba(255,255,255,.14);
  --pmu-text:#f4f0ff;
  --pmu-text-soft:#d9d2e8;
  --pmu-muted:#aaa0b8;
  --pmu-muted-strong:#c2b8d1;
  --pmu-purple:#b57cff;
  --pmu-purple-strong:#9a4cd1;
  --pmu-purple-soft:rgba(181,124,255,.16);
  --pmu-green:#2ae087;
  --pmu-green-soft:rgba(42,224,135,.14);
  --pmu-danger:#ff6f8f;
  --pmu-warning:#ffd27a;
  --pmu-radius-sm:10px;
  --pmu-radius-md:14px;
  --pmu-radius-lg:20px;
  --pmu-radius-xl:26px;
  --pmu-shadow-card:0 18px 44px rgba(0,0,0,.30);
  --pmu-shadow-popover:0 24px 72px rgba(0,0,0,.50);
  color-scheme:dark;
}