:root {
  color-scheme: light;
  --ui-surface: #faf8f4;
  --ui-soft: #f6f2eb;
  --ui-blue: #f1ebe1;
  --ui-hover: #eae2d6;
  --ui-selected: #e2d7c6;
  --ui-text: #3d3933;
  --ui-muted: #72695e;
  --ui-accent: #78664d;
  --ui-focus: #8b7150;
  --ui-border: #e6dfd4;
  --ui-border-strong: #d1c5b4;
  --ui-accent-border: #d8c9b3;
  --ui-danger: #9b4b50;
  --ui-danger-soft: #fff3f3;
  --ui-text-rgb: 61 57 51;
  --ui-accent-rgb: 120 102 77;
  --ui-surface-rgb: 250 248 244;
  --ui-border-rgb: 230 223 212;
  --canvas: var(--ui-surface);
  --paper: var(--ui-surface);
  --ink: var(--ui-text);
  --muted: var(--ui-muted);
}

html { background: var(--ui-surface); }
body { background-color: var(--ui-surface); color: var(--ui-text); }
::selection { background: var(--ui-selected); color: var(--ui-text); }
input, textarea, select { accent-color: var(--ui-accent); }