:root {
  --forest: #203824; --sage: #596A61; --taupe: #B5ABA1; --cream: #EEECE6;
  --forest-700: #18291a; --forest-600: #1b3020; --forest-500: #203824; --forest-400: #2c4a31; --forest-300: #3a5d40;
  --sage-600: #4a584f; --sage-400: #6b7c72; --sage-200: #98a59c;
  --taupe-300: #c8c0b8; --taupe-100: #ddd8d1;
  --cream-200: #e4e1d9; --cream-50: #f5f3ee;
  --surface-page: var(--cream); --surface-raised: var(--cream-50); --surface-sunken: var(--cream-200);
  --surface-panel: var(--taupe); --surface-inverse: var(--forest); --surface-inverse-2: var(--forest-700);
  --text-strong: var(--forest); --text-body: #2b3a2e; --text-muted: var(--sage);
  --text-on-dark: var(--cream); --text-on-dark-muted: #b9c2bb;
  --border: var(--taupe-300); --border-strong: var(--taupe); --border-on-dark: rgba(238,236,230,0.22);
  --rule-accent: var(--sage); --focus-ring: #6b7c72;
  --positive: #4f6b4a; --caution: #9a7b3f; --critical: #8a463a; --info: var(--sage);
}