:root[data-theme='dark'] {
  --ui-bg: #191c1e;
  --ui-text: #f0ede5;
  --ui-muted: #c7c2b9;
  --ui-line: rgba(240, 237, 229, 0.2);
  --ui-line-strong: rgba(240, 237, 229, 0.36);
  --ui-surface-soft: rgba(240, 237, 229, 0.08);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --ui-bg: #191c1e;
    --ui-text: #f0ede5;
    --ui-muted: #c7c2b9;
    --ui-line: rgba(240, 237, 229, 0.2);
    --ui-line-strong: rgba(240, 237, 229, 0.36);
    --ui-surface-soft: rgba(240, 237, 229, 0.08);
  }
}

:root[data-theme='dark'] body {
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) body {
    color-scheme: dark;
  }
}

@media (prefers-contrast: more) {
  :root[data-theme='dark'] body.thisjewish-day {
    --ui-muted: #f0ede5;
    --ui-line: rgba(240, 237, 229, 0.6);
    --ui-line-strong: rgba(240, 237, 229, 0.8);
  }
}

@media (prefers-color-scheme: dark) and (prefers-contrast: more) {
  :root:not([data-theme='light']) body.thisjewish-day {
    --ui-muted: #f0ede5;
    --ui-line: rgba(240, 237, 229, 0.6);
    --ui-line-strong: rgba(240, 237, 229, 0.8);
  }
}