/* Orion Solves. Tokens mirror orionsolves.com: --ink is the page, --bone is the text. */
:root {
  color-scheme: dark;
  /* Names follow orionsolves.com: --ink is the page, --bone is the text. Light mode swaps their values. */
  --ink: #0a0a0b;
  --ink-2: #0f0f11;
  --slate: #151518;
  --slate-2: #1c1c20;
  --line: #2a2a2f;
  --bone: #ecebe3;
  --soft: #c9c8bf;
  --mute: #8f8e83;
  --volt: #ede85a;      /* fills only, same in both themes */
  --on-volt: #0a0a0b;   /* text on a volt fill */
  --accent: #ede85a;    /* accent text */
  --accent-line: #ede85a;
  --display: "Archivo", "Arial Black", "Helvetica Neue", Arial, sans-serif;
  --body: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --gutter: clamp(16px, 4vw, 48px);
  --max: 1240px;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --ink: #f4f3ec; --ink-2: #ebe9df; --slate: #ffffff; --slate-2: #f0eee5; --line: #d2d0c3;
    --bone: #0a0a0b; --soft: #33332e; --mute: #6a695f; --accent: #5c5700; --accent-line: #a39c14; color-scheme: light;
  }
}
:root[data-theme="light"] {
    --ink: #f4f3ec; --ink-2: #ebe9df; --slate: #ffffff; --slate-2: #f0eee5; --line: #d2d0c3;
    --bone: #0a0a0b; --soft: #33332e; --mute: #6a695f; --accent: #5c5700; --accent-line: #a39c14; color-scheme: light;
}
:root { --display-stretch: 125%; }