:root[data-theme="forest"] {
  color-scheme: light;
  --color-canvas: #eef3e8;
  --color-surface: #fbfdf7;
  --color-surface-strong: #ffffff;
  --color-text: #253323;
  --color-muted: #657262;
  --color-border: #cfd9c9;
  --color-primary: #347b48;
  --color-primary-hover: #28663a;
  --color-secondary: #8b6a36;
  --color-secondary-hover: #73572c;
  --color-accent-soft: #e1f0df;
  --color-danger: #a64b42;
  --color-danger-soft: #faece8;
  --color-success: #347b48;
  --color-success-soft: #e5f2e4;
  --color-panel: rgba(251, 253, 247, 0.95);
  --color-panel-border: #d0dac9;
  --color-body-glow: rgba(137, 184, 115, 0.16);
  --color-focus-ring: rgba(52, 123, 72, 0.18);
  --color-focus-border: rgba(52, 123, 72, 0.58);
  --color-code-bg: rgba(52, 123, 72, 0.08);
  --color-quiet-hover: rgba(52, 123, 72, 0.08);
  --color-icon-bg: rgba(52, 123, 72, 0.1);
  --color-note-bg: #f2f6ed;
  --color-empty-bg: #edf3e9;
  --color-dialog-shadow: rgba(35, 54, 31, 0.24);
  --color-backdrop: rgba(29, 45, 27, 0.5);
  --color-sidebar: #f4f8f0;
  --color-sidebar-active: #e0efdc;
  --color-sidebar-border: #cad6c4;
  --shadow-panel: 0 10px 30px rgba(58, 82, 51, 0.09);
  --theme-background: radial-gradient(circle at 85% 0%, rgba(111, 158, 91, 0.15), transparent 32rem);
}