/*
  PLAYRS CLUB
  THEME TOKENS v1

  Semantic tokens only (V7.1 section 06) -- pages consume these, they
  do not hardcode their own light/dark palettes.

  DARK is the bare :root default (section 04 fallback law: if the
  theme owner script never runs, the platform still renders correctly
  dark, matching the pre-existing PLAYRS/ORACLE look). LIGHT overrides
  under [data-playrs-theme="light"], set by js/playrs-theme-v1.js.
*/

:root {

  --playrs-bg: #050505;
  --playrs-surface: #0d0d0f;
  --playrs-frosted: rgba(10,10,12,.55);
  --playrs-frosted-fallback: rgba(7,7,8,.95);

  --playrs-text: #f4f4f0;
  --playrs-text-secondary: rgba(244,244,240,.78);
  --playrs-text-muted: rgba(244,244,240,.58);
  --playrs-text-faint: rgba(244,244,240,.42);

  --playrs-border: rgba(255,255,255,.14);
  --playrs-border-strong: rgba(255,255,255,.28);
  --playrs-focus: rgba(255,255,255,.6);
  --playrs-hover: rgba(255,255,255,.09);

  color-scheme: dark;

}

:root[data-playrs-theme="light"] {

  /* technical archive / terminal in daylight / studio equipment --
     warm near-white, never sterile SaaS white, no blue undertone. */
  --playrs-bg: #efece5;
  --playrs-surface: #f8f6f1;
  --playrs-frosted: rgba(239,236,229,.74);
  --playrs-frosted-fallback: rgba(239,236,229,.97);

  --playrs-text: #1c1b17;
  --playrs-text-secondary: rgba(28,27,23,.76);
  --playrs-text-muted: rgba(28,27,23,.58);
  --playrs-text-faint: rgba(28,27,23,.44);

  --playrs-border: rgba(28,27,23,.18);
  --playrs-border-strong: rgba(28,27,23,.34);
  --playrs-focus: rgba(28,27,23,.62);
  --playrs-hover: rgba(28,27,23,.08);

  color-scheme: light;

}

/*
  V8 section 21/22: native select/option/optgroup color fix, shared
  platform-wide (every <select> on every page that loads this
  stylesheet, not a per-page fix). Dark mode was rendering the native
  options popup with a pale/white system surface and near-invisible
  text -- color-scheme alone, inherited from :root, wasn't reliably
  enough across browsers once a page also set its own custom
  background/color on the select itself. Both the explicit
  color-scheme declaration AND explicit background-color/color on
  select/option/optgroup are set per the spec, deliberately not
  relying on inheritance alone.
*/
html:not([data-playrs-theme="light"]) select {
  color-scheme: dark;
}

html[data-playrs-theme="light"] select {
  color-scheme: light;
}

select,
select option,
select optgroup {
  background-color: var(--playrs-surface, #0d0d0f);
  color: var(--playrs-text, #f4f4f0);
}

select:disabled {
  color: var(--playrs-text-faint, rgba(244,244,240,.42));
  opacity: .55;
  cursor: default;
}