:root,
html[data-theme="light"] {
  --color-bg: #f4f4f2;
  --color-bg-elevated: #fbfaf7;
  --color-input-bg: #fefdfb;

  --color-heading: #1d2220;
  --color-text: #2a312f;
  --color-text-soft: #4a5451;
  --color-muted: #5f6b67;

  --color-border: #c7ccc8;
  --color-border-strong: #8d9792;
  --color-grid: rgba(103, 112, 108, 0.16);

  --color-accent: #5a7d73;
  --color-accent-strong: #35544c;
  --color-focus: #2e5f53;

  --tone-high-bg: #d9e7e1;
  --tone-high-text: #1d3d35;
  --tone-high-border: #6a8a81;

  --tone-medium-bg: #e6e8dd;
  --tone-medium-text: #535a3a;
  --tone-medium-border: #8f946f;

  --tone-low-bg: #ece8e3;
  --tone-low-text: #5a5046;
  --tone-low-border: #a99886;

  --chip-active-bg: #35544c;
  --chip-active-border: #2b433c;
  --chip-active-text: #f6f7f6;

  --color-progress-track: rgba(0, 0, 0, 0.08);

  --color-success: #205f4a;
  --color-danger: #913636;
}

html[data-theme="dark"] {
  --color-bg: #121716;
  --color-bg-elevated: #18201e;
  --color-input-bg: #111817;

  --color-heading: #f2f5f4;
  --color-text: #d7ddda;
  --color-text-soft: #c0c8c5;
  --color-muted: #93a19c;

  --color-border: #33403c;
  --color-border-strong: #5e6c66;
  --color-grid: rgba(149, 162, 155, 0.13);

  --color-accent: #8bc0ad;
  --color-accent-strong: #c2dfd4;
  --color-focus: #8bc0ad;

  --tone-high-bg: #1c3a33;
  --tone-high-text: #c2dfd4;
  --tone-high-border: #4f7f72;

  --tone-medium-bg: #393c2e;
  --tone-medium-text: #dbe1bb;
  --tone-medium-border: #7f865d;

  --tone-low-bg: #3c312b;
  --tone-low-text: #e7d8ce;
  --tone-low-border: #8d6f61;

  --chip-active-bg: #8bc0ad;
  --chip-active-border: #8bc0ad;
  --chip-active-text: #10201b;

  --color-progress-track: rgba(255, 255, 255, 0.12);

  --color-success: #8fd8bc;
  --color-danger: #f4a4a4;
}