:root {
  color-scheme: light;
  --color-background: #fdf8f3;
  --color-surface: #fff;
  --color-surface-variant: #f5ede5;
  --color-text-primary: #2d2a26;
  --color-text-secondary: #58534e;
  --color-border: #e5ded6;
  --color-border-control: #8a7f75;
  --color-primary: #8b5a2b;
  --color-primary-hover: #704a23;
  --color-primary-contrast: #fff;
  --color-success: #2e7d32;
  --color-warning: #ed6c02;
  --color-error: #d32f2f;
  --color-info: #0288d1;
  --color-priority-high: #d32f2f;
  --color-error-text: #8f1d25;
  --color-error-surface: #fff1f2;
  --color-success-text: #176534;
  --color-success-surface: #ecfdf3;
  --color-warning-text: #8a4b08;
  --color-warning-surface: #fff8e7;
  --color-focus: #8b5a2b;
  --color-backdrop: rgb(0 0 0 / .4);
}

[data-theme="dark"],
.dark {
  color-scheme: dark;
  --color-background: #1a1715;
  --color-surface: #282320;
  --color-surface-variant: #382f29;
  --color-text-primary: #f7eee7;
  --color-text-secondary: #c8b9ae;
  --color-border: #55483f;
  --color-border-control: #8a7b70;
  --color-primary: #f0bd83;
  --color-primary-hover: #ffd09b;
  --color-primary-contrast: #1a1715;
  --color-success: #9de7b5;
  --color-warning: #ffd18a;
  --color-error: #ffb4ab;
  --color-info: #7dd3fc;
  --color-priority-high: #ffb4ab;
  --color-error-text: #ffb4ab;
  --color-error-surface: #3b2023;
  --color-success-text: #9de7b5;
  --color-success-surface: #193326;
  --color-warning-text: #ffd18a;
  --color-warning-surface: #3a2d18;
  --color-focus: #f0bd83;
  --color-backdrop: rgb(0 0 0 / .6);
}