/* One light palette for the whole site.

   The app pages and the static pages had been drifting apart, and by
   2026-08-29 they were not the same theme at all. Light mode had the page and
   the card colour swapped between them:

                     app (home.css)   static pages
       page          #FFFFFF          #F5F5FA
       card          #F9F9F9          #FFFFFF
       text          #111111          #1A1A2E
       dim text      #696969          #555570
       border        #E8E8E8          #E0E0E8

   So a card on a static page was lighter than the page it sat on, and on the
   home page it was darker. Same brand, two looks, and it showed the moment you
   clicked from the home page to /platforms or a blog post. Dark mode had
   already converged on its own, give or take two hex digits.

   These are the app's values, verbatim from the :root block in home.css, which
   is the side that gets the traffic. Loaded LAST in the head of every static
   page so it wins over whatever that page declared, without any of them having
   to be rewritten: there are eighteen different copies of that inline base
   block across the static pages and no generator, so overriding is the only
   change that stays true after the next page is added.

   Only colour is set here. --font and --mono stay wherever each page declared
   them. */
:root{
  --bg: #FFFFFF;
  --bg-card: #F9F9F9;
  --bg-card2: #F2F2F2;
  --border: #E8E8E8;
  --border-lt: #F0F0F0;
  --text: #111111;
  --text-mid: #444444;
  --text-dim: #696969;
  --orange: #FF6600;
  --orange-text: #FF6600;
  --orange-faint: rgba(255,102,0,.07);
}
[data-theme=dark]{
  --bg: #0B0B14;
  --bg-card: #13131F;
  --bg-card2: #1A1A28;
  --border: #1F1F30;
  --border-lt: #191928;
  --text: #F0F0F8;
  --text-mid: #AAAACC;
  --text-dim: #8888AA;
  --orange-text: #FF6600;
  --orange-faint: rgba(255,102,0,.1);
}