@font-face {
  font-family: "Dreadful Rust";
  src: url("../assets/Dreadful-Rust.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --ink: oklch(0.1344092305 0 0);
  --section-bar: oklch(0.0969258275 0 0);
  --paper: oklch(1 0 0);
  --border: oklch(0.6960069309 0 0);
  --canvas: oklch(0.9279705707 0 0);
  --focus-ring: oklch(0.5081750556 0.1269873979 248.3291144742);
  --inverse-text: oklch(1 0 0);
  --character-dock-background: oklch(0.1776377719 0 0);
  --character-dock-control-border: oklch(0.5692623997 0 0);
  --character-dock-control-background: oklch(0.2561533069 0 0);
  --character-dock-control-hover: oklch(0.352324738 0 0);
  --character-dock-status: oklch(0.8791686606 0 0);
  --history-accent: #d07a27;
  --history-selected: #fff0da;
  --history-current-accent: #2f7d4a;
  --history-current-selected: #e2f3e7;
  --history-quick-preview: #dedbd4;
  --history-quick-accent: #4b4945;
  --history-quick-field: #e5e2db;
  --history-surface: #f8f7f3;
  --history-text: #292929;
  --history-muted: #777168;
  --history-border: #ddd8ce;
  --skill-guide: oklch(0.510278355 0 0);
  --skill-locked: oklch(0.9006007207 0 0);
  --skill-available: oklch(0.6267535369 0 0);
  --skill-active: oklch(0.1776377719 0 0);
  --disabled-text: oklch(0.5692623997 0 0);
  --muted-text: oklch(0.449533194 0 0);
  --locked-text: oklch(0.3866543285 0 0);
  --disabled-surface: oklch(0.9641534939 0 0);
  --read-only-surface: oklch(0.9641534939 0 0 / 0.78);
  --subtle-surface: oklch(0.9581468808 0 0);
  --group-surface: oklch(0.946105279 0 0);
  --inactive-surface: oklch(0.930999135 0 0);
  --danger: oklch(0.4908322413 0.1881979775 27.8339346596);
  --danger-strong: oklch(0.4173454978 0.1583469308 27.6387397101);
  --sheet-shadow: oklch(0 0 0 / 0.18);
  --chrome-shadow: oklch(0 0 0 / 0.25);
  --dialog-shadow: oklch(0 0 0 / 0.4);
  --dialog-backdrop: oklch(0 0 0 / 0.58);
  --library-surface: oklch(0.1776377719 0 0);
  --library-selected: oklch(0.3100679109 0 0);
  --library-muted: oklch(0.7674842619 0 0);
  --library-border: oklch(0.4108253187 0 0);
  --library-overlay: oklch(0 0 0 / 0.48);
  --library-text: oklch(0.9581468808 0 0);
  --library-control: oklch(0.2561533069 0 0);
  --library-control-hover: oklch(0.352324738 0 0);
  --library-state-surface: oklch(0.9851036605 0 0);
  --library-state-border: oklch(0.6267535369 0 0);

  --character-dock-control-size: 2.6rem;
  --character-dock-inset: clamp(0.6rem, 1.5vw, 1rem);
  --character-dock-clearance: calc(5rem + env(safe-area-inset-bottom, 0px));
  --character-dock-radius: 0.55rem;
  --sheet-details-max-width: 33rem;
  --motion-fast: 160ms;
  --library-width: clamp(18rem, 24vw, 22rem);
  --library-row-action-size: 2.75rem;
  --library-row-padding: 0.6rem 0.7rem;
  --library-row-font-size: 0.95rem;
  --library-row-time-font-size: 0.75rem;

  --page-width: 793px;
  --page-height: 1122px;
  --spread-gap: 28px;
  --spread-width: 1614px;
  --section-font: "Dreadful Rust", "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif;
  --display-font: "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif;
  --body-font: "Trebuchet MS", Arial, sans-serif;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms;
  }
}