:root {
  color-scheme: light;
  --paper: #f5f0e7;
  --paper-tint: #f1eadf;
  --panel: #fffdf8;
  --panel-muted: #f0e9de;
  --ink: #302b25;
  --ink-soft: #625a50;
  --ink-muted: #766d62;
  --line: #ded6ca;
  --line-strong: #cfc4b5;
  --clay: #985137;
  --clay-hover: #84432d;
  --clay-soft: #f3e5d8;
  --clay-light: #c9a88d;
  --clay-line: #b79178;
  --moss: #59705c;
  --moss-ink: #465b48;
  --moss-soft: #eef4ea;
  --moss-line: #c9d8c4;
  --danger: #a74636;
  --canvas: #25231f;
  --canvas-header: #2c2924;
  --canvas-raised: #302d28;
  --canvas-control: #37332d;
  --canvas-hover: #433b32;
  --canvas-line: #403c35;
  --canvas-node-line: #756c5e;
  --canvas-text: #f3ece2;
  --canvas-text-muted: #c7bcae;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-control: 10px;
  --radius-panel: 16px;
  --sidebar-width: 228px;
  --sidebar-compact-width: 208px;
  --topbar-height: 68px;
}