/* ==========================================================================
   GENERATED by build.py from src/vendor/myelin.css — do not edit.

   Myelin is the Nerv colour scheme. nerv-theme generates it from
   myelin.palette, and the site consumes it the way the terminal and the
   desktop do: nothing here is a second opinion about a colour.

   build.py adds the [data-theme] selectors. Myelin switches on
   prefers-color-scheme, and this site also has a manual toggle, so each
   block is emitted twice: once as Myelin wrote it, once under the theme
   attribute. The values are never retyped.

   To change a colour, change myelin.palette in nerv-theme and re-export.
   ========================================================================== */

/* The neutral scale. Absolute, and the same in both themes. */
:root {
  --myelin-n100: #ffffff;
  --myelin-n98: #f7f7f7;
  --myelin-n90: #dfdfdf;
  --myelin-n83: #c6c6c6;
  --myelin-n71: #a2a2a2;
  --myelin-n53: #6b6b6b;
  --myelin-n42: #4c4c4c;
  --myelin-n32: #333333;
  --myelin-n28: #282828;
  --myelin-n24: #1e1e1e;
}

/* Dark is the default. Myelin's dark values, verbatim. */
:root {
  --myelin-bg: var(--myelin-n24);
  --myelin-surface: var(--myelin-n28);
  --myelin-line: var(--myelin-n32);
  --myelin-strong: var(--myelin-n53);
  --myelin-subtle: var(--myelin-n71);
  --myelin-muted: var(--myelin-n83);
  --myelin-fg: var(--myelin-n90);
  --myelin-red: #ff9a9f;
  --myelin-red-bright: #ffbabb;
  --myelin-red-ink: var(--myelin-red);
  --myelin-orange: #fda06b;
  --myelin-orange-bright: #ffbe99;
  --myelin-orange-ink: var(--myelin-orange);
  --myelin-yellow: #e1af4a;
  --myelin-yellow-bright: #f6c461;
  --myelin-yellow-ink: var(--myelin-yellow);
  --myelin-green: #92c56c;
  --myelin-green-bright: #a7db81;
  --myelin-green-ink: var(--myelin-green);
  --myelin-cyan: #05c9db;
  --myelin-cyan-bright: #3cdef1;
  --myelin-cyan-ink: var(--myelin-cyan);
  --myelin-blue: #6ebdff;
  --myelin-blue-bright: #9dd1ff;
  --myelin-blue-ink: var(--myelin-blue);
  --myelin-magenta: #dea0f1;
  --myelin-magenta-bright: #efb8ff;
  --myelin-magenta-ink: var(--myelin-magenta);
  --myelin-red-tint: #3e2727;
  --myelin-green-tint: #27321f;
  --myelin-on-ink: var(--myelin-bg);
  --myelin-accent: var(--myelin-blue);
  --myelin-accent-ink: var(--myelin-blue-ink);
  --myelin-brand: var(--myelin-red);
  --myelin-brand-ink: var(--myelin-red-ink);
  color-scheme: dark;
}

/* Light, when the toggle asks for it. Myelin's light values, verbatim. */
:root[data-theme="light"] {

  --myelin-bg: var(--myelin-n98);
  --myelin-surface: var(--myelin-n100);
  --myelin-line: var(--myelin-n90);
  --myelin-strong: var(--myelin-n53);
  --myelin-subtle: var(--myelin-n53);
  --myelin-muted: var(--myelin-n42);
  --myelin-fg: var(--myelin-n32);
  --myelin-red: #c66168;
  --myelin-red-bright: #a8454e;
  --myelin-red-ink: var(--myelin-red-bright);
  --myelin-orange: #c26838;
  --myelin-orange-bright: #a34d19;
  --myelin-orange-ink: var(--myelin-orange-bright);
  --myelin-yellow: #ad7500;
  --myelin-yellow-bright: #8b5d00;
  --myelin-yellow-ink: var(--myelin-yellow-bright);
  --myelin-green: #5e8d35;
  --myelin-green-bright: #447216;
  --myelin-green-ink: var(--myelin-green-bright);
  --myelin-cyan: #008d9b;
  --myelin-cyan-bright: #00707b;
  --myelin-cyan-ink: var(--myelin-cyan-bright);
  --myelin-blue: #2d86c7;
  --myelin-blue-bright: #0069a8;
  --myelin-blue-ink: var(--myelin-blue-bright);
  --myelin-magenta: #a56ab7;
  --myelin-magenta-bright: #8a4f9b;
  --myelin-magenta-ink: var(--myelin-magenta-bright);
  --myelin-red-tint: #ffefef;
  --myelin-green-tint: #eaf9e1;
  --myelin-on-ink: var(--myelin-surface);
  --myelin-accent: var(--myelin-blue);
  --myelin-accent-ink: var(--myelin-blue-ink);
  --myelin-brand: var(--myelin-red);
  --myelin-brand-ink: var(--myelin-red-ink);
  color-scheme: light;
}

/* A subtree that is dark whatever the page is doing. The hero is
   artwork with its own ground, so it keeps Myelin's dark values even
   under the light theme. Redeclaring the semantic tokens here means
   everything inside resolves to them through ordinary inheritance,
   so no component has to know it is sitting on a dark panel. */
.on-dark {
  --myelin-bg: var(--myelin-n24);
  --myelin-surface: var(--myelin-n28);
  --myelin-line: var(--myelin-n32);
  --myelin-strong: var(--myelin-n53);
  --myelin-subtle: var(--myelin-n71);
  --myelin-muted: var(--myelin-n83);
  --myelin-fg: var(--myelin-n90);
  --myelin-red: #ff9a9f;
  --myelin-red-bright: #ffbabb;
  --myelin-red-ink: var(--myelin-red);
  --myelin-orange: #fda06b;
  --myelin-orange-bright: #ffbe99;
  --myelin-orange-ink: var(--myelin-orange);
  --myelin-yellow: #e1af4a;
  --myelin-yellow-bright: #f6c461;
  --myelin-yellow-ink: var(--myelin-yellow);
  --myelin-green: #92c56c;
  --myelin-green-bright: #a7db81;
  --myelin-green-ink: var(--myelin-green);
  --myelin-cyan: #05c9db;
  --myelin-cyan-bright: #3cdef1;
  --myelin-cyan-ink: var(--myelin-cyan);
  --myelin-blue: #6ebdff;
  --myelin-blue-bright: #9dd1ff;
  --myelin-blue-ink: var(--myelin-blue);
  --myelin-magenta: #dea0f1;
  --myelin-magenta-bright: #efb8ff;
  --myelin-magenta-ink: var(--myelin-magenta);
  --myelin-red-tint: #3e2727;
  --myelin-green-tint: #27321f;
  --myelin-on-ink: var(--myelin-bg);
  --myelin-accent: var(--myelin-blue);
  --myelin-accent-ink: var(--myelin-blue-ink);
  --myelin-brand: var(--myelin-red);
  --myelin-brand-ink: var(--myelin-red-ink);
  color-scheme: dark;
}