/* Noko, TR-100 layout: the terminal colour schemes a visitor can pick
   (core/src/schemes.rs, which credits each). Generated; linked after
   tr100.css and its light palette, which these selectors outrank. */
:root[data-scheme="catppuccin-latte"] {
  color-scheme: light;
  --bg: #eff1f5;
  --ink: #4c4f69;
  --text: #4c4f69;
  --heading: #4c4f69;
  --muted: #5c5f77;
  --line: color-mix(in srgb, #4c4f69 30%, #eff1f5);
  --bar-empty: color-mix(in srgb, #4c4f69 28%, #eff1f5);
  --spark-empty: color-mix(in srgb, #4c4f69 28%, #eff1f5);
  --code: color-mix(in srgb, #4c4f69 5%, #eff1f5);
  --accent: #4c4f69;
  --accent-hover: #4c4f69;
  --accent-soft: #bcc0cc;
  --on-accent: #eff1f5;
  --hover-line: #4c4f69;
  --good: #2a761d;
  --warn: #8a5a0c;
  --bad: #d20f39;
  --key: #1c5ee1;
  --str: #2a761d;
  --num: #8437e8;
  --punct: #5c5f77;
  --api-verb: #2a761d;
  --api-link: #4c4f69;
  --qr-card-bg: color-mix(in srgb, #4c4f69 6%, #eff1f5);
  --qr-card-line: color-mix(in srgb, #4c4f69 30%, #eff1f5);
  --qr-card-ink: #4c4f69;
  --qr-card-caption: #5c5f77;
}
:root[data-scheme="catppuccin-mocha"] {
  color-scheme: dark;
  --bg: #1e1e2e;
  --ink: #cdd6f4;
  --text: #cdd6f4;
  --heading: #cdd6f4;
  --muted: #a6adc8;
  --line: color-mix(in srgb, #cdd6f4 30%, #1e1e2e);
  --bar-empty: color-mix(in srgb, #cdd6f4 28%, #1e1e2e);
  --spark-empty: color-mix(in srgb, #cdd6f4 28%, #1e1e2e);
  --code: color-mix(in srgb, #cdd6f4 5%, #1e1e2e);
  --accent: #cdd6f4;
  --accent-hover: #cdd6f4;
  --accent-soft: #45475a;
  --on-accent: #1e1e2e;
  --hover-line: #cdd6f4;
  --good: #a6e3a1;
  --warn: #f9e2af;
  --bad: #f38ba8;
  --key: #89b4fa;
  --str: #a6e3a1;
  --num: #cba6f7;
  --punct: #a6adc8;
  --api-verb: #a6e3a1;
  --api-link: #cdd6f4;
  --qr-card-bg: color-mix(in srgb, #cdd6f4 6%, #1e1e2e);
  --qr-card-line: color-mix(in srgb, #cdd6f4 30%, #1e1e2e);
  --qr-card-ink: #cdd6f4;
  --qr-card-caption: #a6adc8;
}
:root[data-scheme="dracula"] {
  color-scheme: dark;
  --bg: #282a36;
  --ink: #f8f8f2;
  --text: #f8f8f2;
  --heading: #f8f8f2;
  --muted: #bdc0d4;
  --line: color-mix(in srgb, #f8f8f2 30%, #282a36);
  --bar-empty: color-mix(in srgb, #f8f8f2 28%, #282a36);
  --spark-empty: color-mix(in srgb, #f8f8f2 28%, #282a36);
  --code: color-mix(in srgb, #f8f8f2 5%, #282a36);
  --accent: #f8f8f2;
  --accent-hover: #f8f8f2;
  --accent-soft: #44475a;
  --on-accent: #282a36;
  --hover-line: #f8f8f2;
  --good: #50fa7b;
  --warn: #f1fa8c;
  --bad: #ff5555;
  --key: #bd93f9;
  --str: #50fa7b;
  --num: #ff79c6;
  --punct: #bdc0d4;
  --api-verb: #50fa7b;
  --api-link: #f8f8f2;
  --qr-card-bg: color-mix(in srgb, #f8f8f2 6%, #282a36);
  --qr-card-line: color-mix(in srgb, #f8f8f2 30%, #282a36);
  --qr-card-ink: #f8f8f2;
  --qr-card-caption: #bdc0d4;
}
:root[data-scheme="everforest-dark"] {
  color-scheme: dark;
  --bg: #2d353b;
  --ink: #d3c6aa;
  --text: #d3c6aa;
  --heading: #d3c6aa;
  --muted: #a7b1a9;
  --line: color-mix(in srgb, #d3c6aa 30%, #2d353b);
  --bar-empty: color-mix(in srgb, #d3c6aa 28%, #2d353b);
  --spark-empty: color-mix(in srgb, #d3c6aa 28%, #2d353b);
  --code: color-mix(in srgb, #d3c6aa 5%, #2d353b);
  --accent: #d3c6aa;
  --accent-hover: #d3c6aa;
  --accent-soft: #475258;
  --on-accent: #2d353b;
  --hover-line: #d3c6aa;
  --good: #a7c080;
  --warn: #dbbc7f;
  --bad: #e67e80;
  --key: #7fbbb3;
  --str: #a7c080;
  --num: #d699b6;
  --punct: #a7b1a9;
  --api-verb: #a7c080;
  --api-link: #d3c6aa;
  --qr-card-bg: color-mix(in srgb, #d3c6aa 6%, #2d353b);
  --qr-card-line: color-mix(in srgb, #d3c6aa 30%, #2d353b);
  --qr-card-ink: #d3c6aa;
  --qr-card-caption: #a7b1a9;
}
:root[data-scheme="github-dark"] {
  color-scheme: dark;
  --bg: #0d1117;
  --ink: #e6edf3;
  --text: #e6edf3;
  --heading: #e6edf3;
  --muted: #8b949e;
  --line: color-mix(in srgb, #e6edf3 30%, #0d1117);
  --bar-empty: color-mix(in srgb, #e6edf3 28%, #0d1117);
  --spark-empty: color-mix(in srgb, #e6edf3 28%, #0d1117);
  --code: color-mix(in srgb, #e6edf3 5%, #0d1117);
  --accent: #e6edf3;
  --accent-hover: #e6edf3;
  --accent-soft: #264f78;
  --on-accent: #0d1117;
  --hover-line: #e6edf3;
  --good: #3fb950;
  --warn: #d29922;
  --bad: #ff7b72;
  --key: #58a6ff;
  --str: #3fb950;
  --num: #d2a8ff;
  --punct: #8b949e;
  --api-verb: #3fb950;
  --api-link: #e6edf3;
  --qr-card-bg: color-mix(in srgb, #e6edf3 6%, #0d1117);
  --qr-card-line: color-mix(in srgb, #e6edf3 30%, #0d1117);
  --qr-card-ink: #e6edf3;
  --qr-card-caption: #8b949e;
}
:root[data-scheme="github-light"] {
  color-scheme: light;
  --bg: #ffffff;
  --ink: #1f2328;
  --text: #1f2328;
  --heading: #1f2328;
  --muted: #59636e;
  --line: color-mix(in srgb, #1f2328 30%, #ffffff);
  --bar-empty: color-mix(in srgb, #1f2328 28%, #ffffff);
  --spark-empty: color-mix(in srgb, #1f2328 28%, #ffffff);
  --code: color-mix(in srgb, #1f2328 5%, #ffffff);
  --accent: #1f2328;
  --accent-hover: #1f2328;
  --accent-soft: #b6e3ff;
  --on-accent: #ffffff;
  --hover-line: #1f2328;
  --good: #1a7f37;
  --warn: #9a6700;
  --bad: #cf222e;
  --key: #0969da;
  --str: #1a7f37;
  --num: #8250df;
  --punct: #59636e;
  --api-verb: #1a7f37;
  --api-link: #1f2328;
  --qr-card-bg: color-mix(in srgb, #1f2328 6%, #ffffff);
  --qr-card-line: color-mix(in srgb, #1f2328 30%, #ffffff);
  --qr-card-ink: #1f2328;
  --qr-card-caption: #59636e;
}
:root[data-scheme="gruvbox-dark"] {
  color-scheme: dark;
  --bg: #282828;
  --ink: #ebdbb2;
  --text: #ebdbb2;
  --heading: #ebdbb2;
  --muted: #d5c4a1;
  --line: color-mix(in srgb, #ebdbb2 30%, #282828);
  --bar-empty: color-mix(in srgb, #ebdbb2 28%, #282828);
  --spark-empty: color-mix(in srgb, #ebdbb2 28%, #282828);
  --code: color-mix(in srgb, #ebdbb2 5%, #282828);
  --accent: #ebdbb2;
  --accent-hover: #ebdbb2;
  --accent-soft: #504945;
  --on-accent: #282828;
  --hover-line: #ebdbb2;
  --good: #b8bb26;
  --warn: #fabd2f;
  --bad: #fb5844;
  --key: #83a598;
  --str: #b8bb26;
  --num: #d3869b;
  --punct: #d5c4a1;
  --api-verb: #b8bb26;
  --api-link: #ebdbb2;
  --qr-card-bg: color-mix(in srgb, #ebdbb2 6%, #282828);
  --qr-card-line: color-mix(in srgb, #ebdbb2 30%, #282828);
  --qr-card-ink: #ebdbb2;
  --qr-card-caption: #d5c4a1;
}
:root[data-scheme="gruvbox-light"] {
  color-scheme: light;
  --bg: #fbf1c7;
  --ink: #3c3836;
  --text: #3c3836;
  --heading: #3c3836;
  --muted: #504945;
  --line: color-mix(in srgb, #3c3836 30%, #fbf1c7);
  --bar-empty: color-mix(in srgb, #3c3836 28%, #fbf1c7);
  --spark-empty: color-mix(in srgb, #3c3836 28%, #fbf1c7);
  --code: color-mix(in srgb, #3c3836 5%, #fbf1c7);
  --accent: #3c3836;
  --accent-hover: #3c3836;
  --accent-soft: #d5c4a1;
  --on-accent: #fbf1c7;
  --hover-line: #3c3836;
  --good: #6d680c;
  --warn: #af3a03;
  --bad: #9d0006;
  --key: #076678;
  --str: #6d680c;
  --num: #8f3f71;
  --punct: #504945;
  --api-verb: #6d680c;
  --api-link: #3c3836;
  --qr-card-bg: color-mix(in srgb, #3c3836 6%, #fbf1c7);
  --qr-card-line: color-mix(in srgb, #3c3836 30%, #fbf1c7);
  --qr-card-ink: #3c3836;
  --qr-card-caption: #504945;
}
:root[data-scheme="kanagawa"] {
  color-scheme: dark;
  --bg: #1f1f28;
  --ink: #dcd7ba;
  --text: #dcd7ba;
  --heading: #dcd7ba;
  --muted: #c8c093;
  --line: color-mix(in srgb, #dcd7ba 30%, #1f1f28);
  --bar-empty: color-mix(in srgb, #dcd7ba 28%, #1f1f28);
  --spark-empty: color-mix(in srgb, #dcd7ba 28%, #1f1f28);
  --code: color-mix(in srgb, #dcd7ba 5%, #1f1f28);
  --accent: #dcd7ba;
  --accent-hover: #dcd7ba;
  --accent-soft: #2d4f67;
  --on-accent: #1f1f28;
  --hover-line: #dcd7ba;
  --good: #98bb6c;
  --warn: #e6c384;
  --bad: #ff5d62;
  --key: #7e9cd8;
  --str: #98bb6c;
  --num: #9c88bd;
  --punct: #c8c093;
  --api-verb: #98bb6c;
  --api-link: #dcd7ba;
  --qr-card-bg: color-mix(in srgb, #dcd7ba 6%, #1f1f28);
  --qr-card-line: color-mix(in srgb, #dcd7ba 30%, #1f1f28);
  --qr-card-ink: #dcd7ba;
  --qr-card-caption: #c8c093;
}
:root[data-scheme="miasma"] {
  color-scheme: dark;
  --bg: #222222;
  --ink: #c2c2b0;
  --text: #c2c2b0;
  --heading: #c2c2b0;
  --muted: #a8a898;
  --line: color-mix(in srgb, #c2c2b0 30%, #222222);
  --bar-empty: color-mix(in srgb, #c2c2b0 28%, #222222);
  --spark-empty: color-mix(in srgb, #c2c2b0 28%, #222222);
  --code: color-mix(in srgb, #c2c2b0 5%, #222222);
  --accent: #c2c2b0;
  --accent-hover: #c2c2b0;
  --accent-soft: #3e3e34;
  --on-accent: #222222;
  --hover-line: #c2c2b0;
  --good: #799b79;
  --warn: #c9a554;
  --bad: #bb7c56;
  --key: #8f976a;
  --str: #799b79;
  --num: #c28557;
  --punct: #a8a898;
  --api-verb: #799b79;
  --api-link: #c2c2b0;
  --qr-card-bg: color-mix(in srgb, #c2c2b0 6%, #222222);
  --qr-card-line: color-mix(in srgb, #c2c2b0 30%, #222222);
  --qr-card-ink: #c2c2b0;
  --qr-card-caption: #a8a898;
}
:root[data-scheme="noctis"] {
  color-scheme: dark;
  --bg: #052529;
  --ink: #b2cacd;
  --text: #b2cacd;
  --heading: #b2cacd;
  --muted: #87a7ab;
  --line: color-mix(in srgb, #b2cacd 30%, #052529);
  --bar-empty: color-mix(in srgb, #b2cacd 28%, #052529);
  --spark-empty: color-mix(in srgb, #b2cacd 28%, #052529);
  --code: color-mix(in srgb, #b2cacd 5%, #052529);
  --accent: #b2cacd;
  --accent-hover: #b2cacd;
  --accent-soft: #0e3c41;
  --on-accent: #052529;
  --hover-line: #b2cacd;
  --good: #49e9a6;
  --warn: #e4b781;
  --bad: #e66533;
  --key: #49ace9;
  --str: #49e9a6;
  --num: #df769b;
  --punct: #87a7ab;
  --api-verb: #49e9a6;
  --api-link: #b2cacd;
  --qr-card-bg: color-mix(in srgb, #b2cacd 6%, #052529);
  --qr-card-line: color-mix(in srgb, #b2cacd 30%, #052529);
  --qr-card-ink: #b2cacd;
  --qr-card-caption: #87a7ab;
}
:root[data-scheme="nord"] {
  color-scheme: dark;
  --bg: #2e3440;
  --ink: #d8dee9;
  --text: #d8dee9;
  --heading: #d8dee9;
  --muted: #b8c0ce;
  --line: color-mix(in srgb, #d8dee9 30%, #2e3440);
  --bar-empty: color-mix(in srgb, #d8dee9 28%, #2e3440);
  --spark-empty: color-mix(in srgb, #d8dee9 28%, #2e3440);
  --code: color-mix(in srgb, #d8dee9 5%, #2e3440);
  --accent: #d8dee9;
  --accent-hover: #d8dee9;
  --accent-soft: #434c5e;
  --on-accent: #2e3440;
  --hover-line: #d8dee9;
  --good: #a3be8c;
  --warn: #ebcb8b;
  --bad: #d08c92;
  --key: #88c0d0;
  --str: #a3be8c;
  --num: #bf9fb9;
  --punct: #b8c0ce;
  --api-verb: #a3be8c;
  --api-link: #d8dee9;
  --qr-card-bg: color-mix(in srgb, #d8dee9 6%, #2e3440);
  --qr-card-line: color-mix(in srgb, #d8dee9 30%, #2e3440);
  --qr-card-ink: #d8dee9;
  --qr-card-caption: #b8c0ce;
}
:root[data-scheme="one-dark"] {
  color-scheme: dark;
  --bg: #282c34;
  --ink: #abb2bf;
  --text: #abb2bf;
  --heading: #abb2bf;
  --muted: #9da5b4;
  --line: color-mix(in srgb, #abb2bf 30%, #282c34);
  --bar-empty: color-mix(in srgb, #abb2bf 28%, #282c34);
  --spark-empty: color-mix(in srgb, #abb2bf 28%, #282c34);
  --code: color-mix(in srgb, #abb2bf 5%, #282c34);
  --accent: #abb2bf;
  --accent-hover: #abb2bf;
  --accent-soft: #3e4451;
  --on-accent: #282c34;
  --hover-line: #abb2bf;
  --good: #98c379;
  --warn: #e5c07b;
  --bad: #e2737c;
  --key: #61afef;
  --str: #98c379;
  --num: #c980df;
  --punct: #9da5b4;
  --api-verb: #98c379;
  --api-link: #abb2bf;
  --qr-card-bg: color-mix(in srgb, #abb2bf 6%, #282c34);
  --qr-card-line: color-mix(in srgb, #abb2bf 30%, #282c34);
  --qr-card-ink: #abb2bf;
  --qr-card-caption: #9da5b4;
}
:root[data-scheme="panda"] {
  color-scheme: dark;
  --bg: #292a2b;
  --ink: #e6e6e6;
  --text: #e6e6e6;
  --heading: #e6e6e6;
  --muted: #b9b9b9;
  --line: color-mix(in srgb, #e6e6e6 30%, #292a2b);
  --bar-empty: color-mix(in srgb, #e6e6e6 28%, #292a2b);
  --spark-empty: color-mix(in srgb, #e6e6e6 28%, #292a2b);
  --code: color-mix(in srgb, #e6e6e6 5%, #292a2b);
  --accent: #e6e6e6;
  --accent-hover: #e6e6e6;
  --accent-soft: #3e4250;
  --on-accent: #292a2b;
  --hover-line: #e6e6e6;
  --good: #19f9d8;
  --warn: #ffcc95;
  --bad: #ff5086;
  --key: #45a9f9;
  --str: #19f9d8;
  --num: #b389ec;
  --punct: #b9b9b9;
  --api-verb: #19f9d8;
  --api-link: #e6e6e6;
  --qr-card-bg: color-mix(in srgb, #e6e6e6 6%, #292a2b);
  --qr-card-line: color-mix(in srgb, #e6e6e6 30%, #292a2b);
  --qr-card-ink: #e6e6e6;
  --qr-card-caption: #b9b9b9;
}
:root[data-scheme="rose-pine"] {
  color-scheme: dark;
  --bg: #191724;
  --ink: #e0def4;
  --text: #e0def4;
  --heading: #e0def4;
  --muted: #908caa;
  --line: color-mix(in srgb, #e0def4 30%, #191724);
  --bar-empty: color-mix(in srgb, #e0def4 28%, #191724);
  --spark-empty: color-mix(in srgb, #e0def4 28%, #191724);
  --code: color-mix(in srgb, #e0def4 5%, #191724);
  --accent: #e0def4;
  --accent-hover: #e0def4;
  --accent-soft: #403d52;
  --on-accent: #191724;
  --hover-line: #e0def4;
  --good: #9ccfd8;
  --warn: #f6c177;
  --bad: #eb6f92;
  --key: #c4a7e7;
  --str: #9ccfd8;
  --num: #ebbcba;
  --punct: #908caa;
  --api-verb: #9ccfd8;
  --api-link: #e0def4;
  --qr-card-bg: color-mix(in srgb, #e0def4 6%, #191724);
  --qr-card-line: color-mix(in srgb, #e0def4 30%, #191724);
  --qr-card-ink: #e0def4;
  --qr-card-caption: #908caa;
}
:root[data-scheme="rose-pine-dawn"] {
  color-scheme: light;
  --bg: #faf4ed;
  --ink: #575279;
  --text: #575279;
  --heading: #575279;
  --muted: #5f5a7e;
  --line: color-mix(in srgb, #575279 30%, #faf4ed);
  --bar-empty: color-mix(in srgb, #575279 28%, #faf4ed);
  --spark-empty: color-mix(in srgb, #575279 28%, #faf4ed);
  --code: color-mix(in srgb, #575279 5%, #faf4ed);
  --accent: #575279;
  --accent-hover: #575279;
  --accent-soft: #dfdad9;
  --on-accent: #faf4ed;
  --hover-line: #575279;
  --good: #286983;
  --warn: #8a5a12;
  --bad: #a0485f;
  --key: #417079;
  --str: #286983;
  --num: #756389;
  --punct: #5f5a7e;
  --api-verb: #286983;
  --api-link: #575279;
  --qr-card-bg: color-mix(in srgb, #575279 6%, #faf4ed);
  --qr-card-line: color-mix(in srgb, #575279 30%, #faf4ed);
  --qr-card-ink: #575279;
  --qr-card-caption: #5f5a7e;
}
:root[data-scheme="shades-of-purple"] {
  color-scheme: dark;
  --bg: #2d2b55;
  --ink: #ffffff;
  --text: #ffffff;
  --heading: #ffffff;
  --muted: #a599e9;
  --line: color-mix(in srgb, #ffffff 30%, #2d2b55);
  --bar-empty: color-mix(in srgb, #ffffff 28%, #2d2b55);
  --spark-empty: color-mix(in srgb, #ffffff 28%, #2d2b55);
  --code: color-mix(in srgb, #ffffff 5%, #2d2b55);
  --accent: #ffffff;
  --accent-hover: #ffffff;
  --accent-soft: #5c3fa8;
  --on-accent: #2d2b55;
  --hover-line: #ffffff;
  --good: #a5ff90;
  --warn: #fad000;
  --bad: #ff628c;
  --key: #9effff;
  --str: #a5ff90;
  --num: #fb94ff;
  --punct: #a599e9;
  --api-verb: #a5ff90;
  --api-link: #ffffff;
  --qr-card-bg: color-mix(in srgb, #ffffff 6%, #2d2b55);
  --qr-card-line: color-mix(in srgb, #ffffff 30%, #2d2b55);
  --qr-card-ink: #ffffff;
  --qr-card-caption: #a599e9;
}
:root[data-scheme="solarized-dark"] {
  color-scheme: dark;
  --bg: #002b36;
  --ink: #93a1a1;
  --text: #93a1a1;
  --heading: #93a1a1;
  --muted: #839496;
  --line: color-mix(in srgb, #93a1a1 30%, #002b36);
  --bar-empty: color-mix(in srgb, #93a1a1 28%, #002b36);
  --spark-empty: color-mix(in srgb, #93a1a1 28%, #002b36);
  --code: color-mix(in srgb, #93a1a1 5%, #002b36);
  --accent: #93a1a1;
  --accent-hover: #93a1a1;
  --accent-soft: #073642;
  --on-accent: #002b36;
  --hover-line: #93a1a1;
  --good: #8b9e0d;
  --warn: #b58900;
  --bad: #ed615e;
  --key: #4aa3e0;
  --str: #8b9e0d;
  --num: #e16ea6;
  --punct: #839496;
  --api-verb: #8b9e0d;
  --api-link: #93a1a1;
  --qr-card-bg: color-mix(in srgb, #93a1a1 6%, #002b36);
  --qr-card-line: color-mix(in srgb, #93a1a1 30%, #002b36);
  --qr-card-ink: #93a1a1;
  --qr-card-caption: #839496;
}
:root[data-scheme="solarized-light"] {
  color-scheme: light;
  --bg: #fdf6e3;
  --ink: #073642;
  --text: #073642;
  --heading: #073642;
  --muted: #586e75;
  --line: color-mix(in srgb, #073642 30%, #fdf6e3);
  --bar-empty: color-mix(in srgb, #073642 28%, #fdf6e3);
  --spark-empty: color-mix(in srgb, #073642 28%, #fdf6e3);
  --code: color-mix(in srgb, #073642 5%, #fdf6e3);
  --accent: #073642;
  --accent-hover: #073642;
  --accent-soft: #eee8d5;
  --on-accent: #fdf6e3;
  --hover-line: #073642;
  --good: #5f6d00;
  --warn: #7a5c00;
  --bad: #b82725;
  --key: #1c6aa6;
  --str: #5f6d00;
  --num: #a82a6a;
  --punct: #586e75;
  --api-verb: #5f6d00;
  --api-link: #073642;
  --qr-card-bg: color-mix(in srgb, #073642 6%, #fdf6e3);
  --qr-card-line: color-mix(in srgb, #073642 30%, #fdf6e3);
  --qr-card-ink: #073642;
  --qr-card-caption: #586e75;
}
:root[data-scheme="tokyo-night"] {
  color-scheme: dark;
  --bg: #1a1b26;
  --ink: #c0caf5;
  --text: #c0caf5;
  --heading: #c0caf5;
  --muted: #a9b1d6;
  --line: color-mix(in srgb, #c0caf5 30%, #1a1b26);
  --bar-empty: color-mix(in srgb, #c0caf5 28%, #1a1b26);
  --spark-empty: color-mix(in srgb, #c0caf5 28%, #1a1b26);
  --code: color-mix(in srgb, #c0caf5 5%, #1a1b26);
  --accent: #c0caf5;
  --accent-hover: #c0caf5;
  --accent-soft: #33467c;
  --on-accent: #1a1b26;
  --hover-line: #c0caf5;
  --good: #9ece6a;
  --warn: #e0af68;
  --bad: #f7768e;
  --key: #7aa2f7;
  --str: #9ece6a;
  --num: #bb9af7;
  --punct: #a9b1d6;
  --api-verb: #9ece6a;
  --api-link: #c0caf5;
  --qr-card-bg: color-mix(in srgb, #c0caf5 6%, #1a1b26);
  --qr-card-line: color-mix(in srgb, #c0caf5 30%, #1a1b26);
  --qr-card-ink: #c0caf5;
  --qr-card-caption: #a9b1d6;
}