/* Phase 1 semantic theme root. Keep values aligned with the existing CSS. */
:root {
  --bg: #fffaf4;
  --card: #fffefd;
  --text: #342d27;
  --text-muted: #887d73;
  --border: #ede4da;
  --primary: #d46b40;
  --primary-text: #fffaf5;
  --input-bg: #fffefd;
  --input-text: #342d27;
  --caret-color: #d46b40;
  --placeholder: #a99d92;
  --color-bg: var(--bg);
  --color-surface: var(--card);
  --color-surface-raised: #fffefd;
  --color-surface-muted: #f8f3ed;
  --color-surface-overlay: rgba(255, 254, 252, .98);
  --color-surface-input: var(--input-bg);
  --color-text-primary: var(--text);
  --color-text-secondary: #5d5248;
  --color-text-muted: var(--text-muted);
  --color-text-placeholder: var(--placeholder);
  --color-brand: var(--primary);
  --color-brand-strong: #b95731;
  --color-danger: #b03428;
  --color-success: #4d8062;
  --color-border: var(--border);
  --color-border-strong: #e1d3c5;
  --color-divider: var(--border);
  --color-overlay: rgba(24, 21, 18, .45);
  --color-surface-subtle: #f8f3ed;
  --color-on-brand: #fff;
  --color-danger-surface: #fff3ef;
  --color-danger-border: #e4b9b2;
  --color-switch-off: #e8d7c5;
  --color-accent-warm: #e47a45;
  --color-accent-soft: #fff0df;
  --color-food-highlight: #f2ae70;
  --chart-track: #f3e8dc;
  --chart-highlight: rgba(255, 255, 255, .58);
  --chart-baseline: #d9cfc4;
  --chart-member-1: #d46b40;
  --chart-member-1-soft: #efb08b;
  --chart-member-2: #3b9b9a;
  --chart-member-2-soft: #8bc8c1;
  --chart-member-3: #d97883;
  --chart-member-3-soft: #efb4bb;
  --chart-member-4: #4d86c5;
  --chart-member-4-soft: #9fc3e6;
}

:root[data-theme="dark"] {
  --bg: #1c1b19;
  --card: #282725;
  --text: #f7f1ea;
  --text-muted: #bbb1a6;
  --border: #42403c;
  --primary: #df7448;
  --primary-text: #fff9f3;
  --input-bg: #302e2b;
  --input-text: #f7f1ea;
  --caret-color: #f0a070;
  --placeholder: #aaa197;
  --color-bg: var(--bg);
  --color-surface: var(--card);
  --color-surface-raised: #302e2b;
  --color-surface-input: var(--input-bg);
  --color-text-primary: var(--text);
  --color-text-secondary: #e3dbd2;
  --color-text-muted: var(--text-muted);
  --color-text-placeholder: var(--placeholder);
  --color-brand: var(--primary);
  --color-brand-strong: #ec8a5a;
  --color-danger: #d97a6a;
  --color-success: #83b08f;
  --color-border: var(--border);
  --color-divider: var(--border);
  --color-overlay: rgba(0, 0, 0, .56);
  --color-surface-muted: #242321;
  --color-surface-overlay: #302e2b;
  --color-border-strong: #57524c;
  --color-surface-subtle: #242321;
  --color-on-brand: #fff;
  --color-danger-surface: #412821;
  --color-danger-border: #8a4339;
  --color-switch-off: #4a4641;
  --color-accent-warm: #ef925c;
  --color-accent-soft: #3d2d24;
  --color-food-highlight: #f2ae70;
  --chart-track: #35312d;
  --chart-highlight: rgba(255, 244, 232, .26);
  --chart-baseline: #5b554f;
  --chart-member-1: #ef925c;
  --chart-member-1-soft: #b96543;
  --chart-member-2: #68c2bd;
  --chart-member-2-soft: #3a8584;
  --chart-member-3: #ee9aa3;
  --chart-member-3-soft: #b86d78;
  --chart-member-4: #74a9df;
  --chart-member-4-soft: #3f6f9d;
}