:root {
  color-scheme: light;

  --rk-paper: #faf8f4;
  --rk-paper-2: #f3efe7;
  --rk-surface: #ffffff;
  --rk-ink: #2b2a26;
  --rk-ink-soft: #6e6a61;
  --rk-ink-muted: #9b958a;
  --rk-line: #e7e1d6;
  --rk-emerald: #0fa47e;
  --rk-emerald-hover: #0c8a6a;
  --rk-emerald-soft: #e3f3ec;
  --rk-good: #2e9e63;
  --rk-warn: #c98b2d;
  --rk-danger: #c4554d;

  --rk-radius-sm: 10px;
  --rk-radius: 16px;
  --rk-radius-lg: 20px;
  --rk-shadow-card: 0 6px 18px -12px rgba(43, 42, 38, 0.18);
  --rk-shadow-panel: 0 18px 50px -34px rgba(43, 42, 38, 0.24);
  --rk-shadow-object: 0 24px 42px -26px rgba(80, 60, 32, 0.5);
  --rk-focus-ring: rgba(15, 164, 126, 0.25);

  /* Scrollbars — Quiet-Paper skin (mirror of v3-visual-design skin.json → scrollbar) */
  --rk-scroll-thumb: rgba(15, 164, 126, 0.35);
  --rk-scroll-thumb-hover: rgba(15, 164, 126, 0.55);
  --rk-scroll-track: rgba(43, 42, 38, 0.05);
  --rk-scroll-width: 10px;

  --rk-rail-bg: rgba(250, 248, 244, 0.94);
  --rk-rail-active-bg: #e3f3ec;
  --rk-card-hover-border: #cfeadb;
  --rk-composer-border: #ddd6c8;
  --rk-progress-track: #ede8dc;
  --rk-bubble-user: #e3f3ec;
  --rk-bubble-ai: #f3efe7;

  --rk-shelf-top-a: #c4a170;
  --rk-shelf-top-b: #d9bc8e;
  --rk-shelf-top-c: #e7cfa4;
  --rk-shelf-face-a: #b98f5c;
  --rk-shelf-face-b: #9c7343;
  --rk-shelf-bracket-a: #96703f;
  --rk-shelf-bracket-b: #7d5c33;
  --rk-shelf-grain: rgba(120, 85, 45, 0.12);
  --rk-book-contact-shadow: rgba(80, 60, 32, 0.55);

  --rk-page-edge-a: #f3eee2;
  --rk-page-edge-b: #e6dfce;
  --rk-frame-edge: #d8cfbd;
  --rk-frame-bg: #f7f2e8;

  --rk-font-display: "Arial Rounded MT Bold", "Trebuchet MS", "Nunito", ui-rounded, system-ui, sans-serif;
  --rk-font-body: "Nunito", "Aptos", "Segoe UI", system-ui, sans-serif;
}

/* ── Scrollbars — Quiet-Paper skin color, applied to EVERY scrollbar. Elements that intentionally
   hide their scrollbar override this locally (higher specificity). See v3-visual-design skill. ── */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--rk-scroll-thumb) var(--rk-scroll-track);
}
::-webkit-scrollbar {
  width: var(--rk-scroll-width);
  height: var(--rk-scroll-width);
}
::-webkit-scrollbar-track {
  background: var(--rk-scroll-track);
}
::-webkit-scrollbar-thumb {
  background: var(--rk-scroll-thumb);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
  min-height: 56px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--rk-scroll-thumb-hover);
  background-clip: padding-box;
}