:root {
  --paper: #f5f1e8;
  --paper-deep: #ece5d7;
  --ink: #1d2927;
  --muted: #59635d;
  --line: #c9c6b9;
  --jade: #2c6259;
  --jade-dark: #173e38;
  --jade-pale: #dbe6dd;
  --vermilion: #a84734;
  --vermilion-pale: #f1dfd7;
  --white: #fffdf8;
  --radius: 6px;
  --shadow: 0 14px 32px rgba(40, 48, 40, 0.08);

  --sidebar-width: 15.5rem;
  --sidebar-mobile-width: min(18rem, calc(100vw - 3rem));
  --sidebar-breakpoint: 800px;

  --surface-panel: rgba(255, 253, 248, 0.94);
  --surface-panel-soft: rgba(255, 253, 248, 0.92);
  --surface-form: rgba(255, 253, 248, 0.93);
  --surface-blur: 8px;

  --atmosphere-far-opacity: 0.15;
  --atmosphere-near-opacity: 0.045;
  --page-enter-duration: 480ms;
  --page-enter-distance: 12px;
  --content-enter-duration: 560ms;
  --content-enter-distance: 9px;
  --result-enter-duration: 420ms;
  --card-hover-lift: -3px;
  --panel-hover-lift: -2px;
}

/* Future visual variants should override tokens on the app root. */
[data-ui-theme="quiet"] {
  --atmosphere-far-opacity: 0.09;
  --atmosphere-near-opacity: 0.025;
  --card-hover-lift: -1px;
  --panel-hover-lift: -1px;
}

[data-ui-density="compact"] {
  --sidebar-width: 14rem;
}