:root {
  color-scheme: light;

  --bo-red: #e31b23;
  --bo-red-dark: #a9141a;
  --bo-red-soft: #ffdad6;
  --bo-navy: #0b1323;
  --bo-blue-deep: #001f2a;
  --bo-blue: #0f6b8f;
  --bo-blue-soft: #d9f2ff;
  --bo-ink: #111827;
  --bo-slate: #5c6675;
  --bo-slate-soft: #eef3f7;
  --bo-line: #d8dee8;
  --bo-paper: #ffffff;
  --bo-field: #eef3f7;

  --bo-state-active: var(--bo-red);
  --bo-state-attention: var(--bo-red);
  --bo-state-complete: var(--bo-blue);
  --bo-state-muted: var(--bo-slate);

  --book-page-width: 11in;
  --book-page-height: 8.5in;
  --book-safe-top: 0.45in;
  --book-safe-bottom: 0.45in;
  --book-safe-outer: 0.5in;
  --book-safe-inner: 0.9in;

  --font-story: "Inter", "Aptos", Arial, sans-serif;
  --font-interface: "Inter", "Aptos", Arial, sans-serif;
  --font-data: "JetBrains Mono", Consolas, monospace;

  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --shadow-proof: 0 18px 50px rgb(11 19 35 / 18%);
}