/* Colours only; base.css holds the layout. The values are the Magic site's
   (magic852.top), so the owner's two sites read as one family: Telegram blue
   at night, violet by day, iOS system green, red and amber for meaning. */

/* :root as well, so a browser that runs no script still gets a whole theme. */
:root,
html[data-theme="light"]{
  color-scheme:light;
  --ground:#ffffff; --text:#000000; --muted:#8e8e93; --dim:#aeaeb2; --hair:#c6c6c8;
  --accent:#5b5bd6; --accent2:#7c5cff;
  --green:#34c759; --red:#ff3b30; --amber:#ff9500;
  --input-bg:#f2f2f7; --input-border:#d1d1d6;
  --nav-bg:rgba(249,249,249,.94); --nav-hover:#f2f2f7; --nav-border:#d1d1d6;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --ground:#000000; --text:#ffffff; --muted:#8e8e93; --dim:#636366; --hair:#38383a;
  --accent:#3e88f7; --accent2:#5ea0ff;
  --green:#30d158; --red:#ff453a; --amber:#ff9f0a;
  --input-bg:#1c1c1d; --input-border:#3a3a3c;
  --nav-bg:rgba(0,0,0,.94); --nav-hover:#2c2c2e; --nav-border:#2c2c2e;
}