/* Learn Vedic Math theme: loaded after the pinned design system (/ds/2.2.0/tokens.css) and only gives new values
   to token names that file already defines (test/vendor.test.mjs checks it). App CSS keeps using tokens only.

   It is Harbor (design system 2.2.0) with one change: --sky is a blue and --plum a purple, in both schemes, with
   strong variants that keep text contrast. In the design system --sky equals --teal and --plum equals --coral, and the
   game uses all five as separate accents (avatars, mode tiles, the sutra purple). Belts, balloons and grade tiles use
   the design system's category colours (--cat-*) instead. The brand accent stays coral. --focus follows --sky-strong. */

/* Daybreak */
:root {
  --sky: #5B9BE6;
  --plum: #A985E8;
  --sky-strong: #1D5DB5;
  --plum-strong: #6A45B5;
}

/* Deep Space when the system is dark and the visitor has not picked light */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --sky: #7FB0F0;
    --plum: #BC9AF0;
    --sky-strong: #9DC4F7;
    --plum-strong: #CFB5F7;
  }
}

/* Deep Space when the visitor picked dark */
:root[data-theme="dark"] {
  --sky: #7FB0F0;
  --plum: #BC9AF0;
  --sky-strong: #9DC4F7;
  --plum-strong: #CFB5F7;
}