/* Solarized paper and ink, with teal and violet from the jellyfish.
   Light is the default, including when JavaScript or storage is unavailable. */
:root, html[data-theme="light"] {
  color-scheme: light;
  --ink: #40565b;
  --ink-strong: #073642;
  --ink-muted: #52686f;
  --cream: #fdf6e3;
  --cream-raised: #eee8d5;
  --rule: #8a9690;
  --focus: #006d68;
  --violet: #6053a4;
  --signal-bg: #e2ead9;
  --code-bg: #fdf6e3;
  --try-bg: #f3efdd;
  --try-rule: #658c7c;
  --warning: #805600;
  --warning-bg: #f5e6bf;
  --danger: #a33038;
  --danger-bg: #f6e1d5;
  --danger-rule: #b56768;
  --blue: #23678e;
  --selection: #b9d7ca;
  --shadow: 0 8px 24px #07364218;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #bcc7c2;
  --ink-strong: #eee8d5;
  --ink-muted: #93a1a1;
  --cream: #002b36;
  --cream-raised: #073642;
  --rule: #66858a;
  --focus: #62c9bc;
  --violet: #b3a2ef;
  --signal-bg: #123f40;
  --code-bg: #002b36;
  --try-bg: #09333c;
  --try-rule: #668f89;
  --warning: #e8c47a;
  --warning-bg: #453d26;
  --danger: #ffa6a0;
  --danger-bg: #482f35;
  --danger-rule: #b97980;
  --blue: #86c1df;
  --selection: #305e65;
  --shadow: 0 8px 24px #001b2280;
}
:root, html[data-theme] {
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --font: var(--mono);
  --font-ui: var(--mono);
  /* Older documentation and the explorer use these names. */
  --bg: var(--cream);
  --bg-elevated: var(--cream-raised);
  --bg-panel: var(--cream-raised);
  --border: var(--rule);
  --text: var(--ink);
  --text-main: var(--ink);
  --text-muted: var(--ink-muted);
  --muted: var(--ink-muted);
  --accent: var(--focus);
  --accent-2: var(--violet);
  --warn: var(--warning);
  --editor-font: var(--mono);
}
.site-theme-toggle {
  appearance: none;
  border: 1px solid var(--rule);
  border-radius: 0;
  background: var(--cream);
  color: var(--ink-strong);
  padding: 5px 9px;
  min-height: 32px;
  cursor: pointer;
  font: 12px/1.5 var(--mono);
  white-space: nowrap;
}
.site-theme-toggle:hover { border-color: var(--focus); color: var(--focus); }
.site-theme-toggle:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.site-theme-toggle[hidden] { display: none; }
.yichus-strip .site-theme-toggle { margin-left: auto; }
@media print { .site-theme-toggle { display: none; } }