/* AVIT color tokens. Same core values as the AVIT platform (Project Alpha) and AVIT Clips.
   Dark is the default. The person's System / Light / Dark choice sets data-theme on <html>
   (no attribute = System, which follows prefers-color-scheme). Colors come only from here. */

:root,
:root[data-theme="dark"] {
  --bg: #15151A;
  --surface: #1E1E25;
  --surface2: #252530;
  --text: #F0EBE2;
  --muted: #9A9AA8;
  --border: rgba(255, 255, 255, .08);
  --borderStrong: rgba(240, 235, 226, .4);
  --accent: #FF9500;
  --onAccent: #15151A;
  --accentText: #FF9500;
  --accentSoft: rgba(255, 149, 0, .10);
  --pos: #8DC63F;
  --neg: #FF8080;

  /* Switcher additions */
  --player: #0B0B0E;        /* video areas, same in both modes */
  color-scheme: dark;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #F0EBE2;
    --surface: #FAF7F1;
    --surface2: #E6E0D5;
    --text: #15151A;
    --muted: #55555F;
    --border: rgba(21, 21, 26, .12);
    --borderStrong: rgba(21, 21, 26, .35);
    --accent: #FF9500;
    --onAccent: #15151A;
    --accentText: #8A4E00;
    --accentSoft: rgba(255, 149, 0, .12);
    --pos: #3F6B12;
    --neg: #B42318;
    --player: #0B0B0E;
    color-scheme: light;
  }
}

:root[data-theme="light"] {
  --bg: #F0EBE2;
  --surface: #FAF7F1;
  --surface2: #E6E0D5;
  --text: #15151A;
  --muted: #55555F;
  --border: rgba(21, 21, 26, .12);
  --borderStrong: rgba(21, 21, 26, .35);
  --accent: #FF9500;
  --onAccent: #15151A;
  --accentText: #8A4E00;
  --accentSoft: rgba(255, 149, 0, .12);
  --pos: #3F6B12;
  --neg: #B42318;
  --player: #0B0B0E;
  color-scheme: light;
}