/* Shared by the admin page and the OBS overlay: self-hosted fonts and the sketchbook tokens. */

@font-face {
  font-family: 'Shantell Sans Variable';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url('/fonts/shantell-sans/shantell-sans-latin-wght-normal.woff2') format('woff2-variations');
}
@font-face {
  font-family: 'Caveat Brush';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/caveat-brush/caveat-brush-latin-400-normal.woff2') format('woff2');
}

:root {
  --font-body: 'Shantell Sans Variable', 'Comic Neue', 'Segoe Print', system-ui, sans-serif;
  --font-display: 'Caveat Brush', 'Shantell Sans Variable', cursive;

  /* Charcoal candy: one always-dark theme. Neutral slate page, pink only on actions and highlights.
     Borders use --line (a step below the text colour) and shadows are darker than the page,
     so the pen lines and offsets don't glow on a dark background. */
  color-scheme: dark;
  --paper: #1c1c21;
  --grid: #27272e;
  --sheet: #25252c;
  --sheet-2: #2e2e37;
  --ink: #eeedf2;
  --ink-soft: #a1a0ad;
  --line: #c4c3cd;
  --accent: #ff86bd;
  --accent-ink: #25101c;
  --ok: #8fe0b8;
  --warn: #ffc76b;
  --bad: #ff8f8f;
  --shadow: #0c0c0f;

  /* Slightly uneven corners read as hand-drawn boxes. One shape system for every bordered thing. */
  --wobble-a: 120px 16px 110px 16px / 16px 110px 16px 120px;
  --wobble-b: 16px 110px 16px 120px / 120px 16px 110px 16px;
  --stroke: 2px;
}