/* =========================================================================
   Nightshade on Midnight docs. The shared Lightbeam layout (docs-site-generator
   assets/lightbeam.css) in Nightshade's colours: blue-grey night with its lime
   green highlight. Light mode is pale blue-grey paper with the same accents,
   deepened.
   ========================================================================= */
@import url("/lightbeam.css");

:root {
  --bg: #f6f8fa;
  --bg-2: #edf1f4;
  --panel: #ffffff;
  --line: #dde3e8;
  --line-2: #c9d1d8;
  --text: #121a21;
  --text-2: #3d4a55;
  --muted: #64707a;
  --accent: #4f6b00;
  --accent-fill: #bff226;
  --accent-ink: #0b1200;
  --leaf: #4f7a00;
  --up: #3f8a12;
  --down: #c2412f;
  --code-bg: #eef2f5;
  --glow: hsla(75, 89%, 55%, 0.25);
  --shadow: 0 12px 40px -18px hsla(210, 30%, 20%, 0.25);
}

.dark {
  --bg: hsl(210, 12%, 9%);
  --bg-2: hsl(210, 12%, 11%);
  --panel: hsl(210, 12%, 12%);
  --line: hsl(210, 5%, 18%);
  --line-2: hsl(210, 6%, 24%);
  --text: hsl(0, 0%, 92%);
  --text-2: hsl(210, 10%, 78%);
  --muted: hsl(210, 6%, 62%);
  --accent: hsl(75, 89%, 55%);
  --accent-fill: hsl(75, 89%, 55%);
  --accent-ink: hsl(0, 0%, 3%);
  --leaf: hsl(75, 89%, 55%);
  --up: hsl(80, 100%, 42%);
  --down: hsl(0, 100%, 67%);
  --code-bg: hsl(210, 12%, 10%);
  --glow: hsla(75, 89%, 55%, 0.12);
  --shadow: 0 18px 50px -20px hsla(0, 0%, 0%, 0.7);
}

.logo {
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background: url("/favicon.svg") no-repeat center / contain;
}