/* Colour, font and theme tokens. Dark is the default; the light theme is switched on with data-theme="light" on <html>. */
:root{
  --bg:#13100e; --panel:#1d1916; --stage:#171310; --grid:#2a231d;
  --ink:#f6efe7; --muted:#b3a698; --line:#372e26; --on-cat:#1a130d;
  --b1:#ff8f3f; --b2:#ffc857; --b3:#ff5f6d;
  --accent:#6fb1ff; --cmp:#ffd166; --ok:#3ddc97; --piv:#ff7ad9; --bad:#ff6b6b;
  --code-bg:#161210; --sy-kw:#ff8fb1; --sy-ty:#7fd4e6; --sy-fn:#ffcf70; --sy-nu:#8fe3b0; --sy-st:#ffa36b;
  --c1:#6f9bff; --c2:#2fc9c9; --c3:#a98bff; --c4:#ff9a4a; --c5:#ff6fa8; --c6:#4fd68a; --c7:#b3d44a;
  --c8:#ff6f61; --c9:#4db8ff; --c10:#f5c542; --c11:#cf7dff; --c12:#e39a6b; --c13:#8fb0e8; --c14:#34d9c3; --c15:#ff7f73;
  --cat:var(--b1); color-scheme:dark;
  --display:"Outfit","Trebuchet MS",sans-serif;
  --body:"DM Sans",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
}
:root[data-theme="light"]{
  --bg:#faf5ee; --panel:#ffffff; --stage:#fdf9f3; --grid:#efe5d8;
  --ink:#201914; --muted:#6e6156; --line:#e3d6c6; --on-cat:#ffffff;
  --b1:#e2640c; --b2:#c58700; --b3:#d6433f;
  --accent:#2f67d8; --cmp:#c98a00; --ok:#16905f; --piv:#bf2f8a; --bad:#cf3e36;
  --code-bg:#f6efe6; --sy-kw:#b0288a; --sy-ty:#0b7f96; --sy-fn:#8a5a00; --sy-nu:#16805a; --sy-st:#c4501a;
  --c1:#3558e6; --c2:#0d93a3; --c3:#7a4be0; --c4:#d8610f; --c5:#d6338a; --c6:#1d9a55; --c7:#5f8f12;
  --c8:#d84444; --c9:#0b84c6; --c10:#b97f00; --c11:#a03fd0; --c12:#a5603a; --c13:#4a6fa5; --c14:#0a9c8c; --c15:#c34c42;
  color-scheme:light }