/* One palette; components select a surface and semantic foreground roles. */
:root {
  --paper: #f6f5ef;
  --panel: #fffefa;
  --panel-soft: #f0f2e9;
  --field: #fafbf6;
  --ink: #193b32;
  --ink-muted: #52664c;
  --forest: #183c32;
  --forest-hover: #28523e;
  --on-forest: #f0f5e7;
  --on-forest-muted: #b5c6a6;
  --border-light: #7b8c70;
  --divider-light: #d8ded0;
  --divider-dark: #52674a;
  --focus-light: #193b32;
  --focus-dark: #e7efda;
  --error-light: #9f3831;
  --error-dark: #ffc0b8;
  --warning-light: #77511c;
  --warning-dark: #e1d3a5;
  --selection: #d4e2c1;
  --selection-ink: #294b30;
  --selection-marker: #637f4d;
  --surface: var(--paper);
  --fg: var(--ink);
  --fg-muted: var(--ink-muted);
  --control-border: var(--border-light);
  --line: var(--divider-light);
  --focus: var(--focus-light);
  --fg-error: var(--error-light);
  --fg-warning: var(--warning-light);
}