/* Mörkt läge efter systemets inställning, för artefaktens visare.
 * Samma värden som .dark i grund.css och icons-of-produkt.css, genererade ur dem (designmanualen 0.16.1).
 * Gäller när visaren inte själv har valt ljust läge. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --dm-chart-muted: var(--dm-fg-faint);
  --dm-chart-highlight: var(--dm-primary);
  --dm-cat-1: #3987e5;
  --dm-cat-2: #d95926;
  --dm-cat-3: #199e70;
  --dm-cat-4: #c98500;
  --dm-cat-5: #d55181;
  --dm-cat-6: #008300;
  --dm-cat-7: #9085e9;
  --dm-cat-8: #e66767;
  --dm-seq-1: color-mix(in oklab, var(--dm-chart-highlight) 12%, var(--dm-surface));
  --dm-seq-2: color-mix(in oklab, var(--dm-chart-highlight) 32%, var(--dm-surface));
  --dm-seq-3: color-mix(in oklab, var(--dm-chart-highlight) 54%, var(--dm-surface));
  --dm-seq-4: color-mix(in oklab, var(--dm-chart-highlight) 77%, var(--dm-surface));
  --dm-seq-5: var(--dm-chart-highlight);

  --dm-bg: #0b0c0e;
  --dm-surface: #131518;
  --dm-surface-raised: #1b1d21;
  --dm-subtle: #1e2022;
  --dm-fg: #eeece8;
  --dm-fg-muted: #9b9fa7;
  --dm-fg-faint: #6f737b;
  --dm-border: #23262b;
  --dm-border-input: #5f646c;
  --dm-border-strong: #eeece8;

  --dm-primary: #3ecf85;
  --dm-primary-hover: #64dba0;
  --dm-primary-pressed: #8be6b9;
  --dm-primary-fg: #06140c;
  --dm-link: #3ecf85;
  --dm-focus: #3ecf85;
  --dm-selected: #1e2226;
  --dm-selected-rail: #3ecf85;

  --dm-agent: #8f8af2;
  --dm-agent-surface: #1d1c33;
  --dm-agent-border: #3d3a7a;
  --dm-agent-fg: #0b0c0e;

  --dm-success: #76b187;
  --dm-success-surface: #181b1f;
  --dm-success-border: #24432f;
  --dm-success-text: #9dcba9;
  --dm-success-fg: #0b0c0e;
  --dm-warning: #dca771;
  --dm-warning-surface: #181b1f;
  --dm-warning-border: #4f3d24;
  --dm-warning-text: #ecc49d;
  --dm-warning-fg: #0b0c0e;
  --dm-critical: #f2735f;
  --dm-critical-surface: #181b1f;
  --dm-critical-border: #5b2a25;
  --dm-critical-text: #ffa292;
  --dm-critical-fg: #0b0c0e;
  --dm-info: #73a6e4;
  --dm-info-surface: #181b1f;
  --dm-info-border: #263c5a;
  --dm-info-text: #9bc3f3;
  --dm-info-fg: #0b0c0e;

  --dm-overlay: rgba(0, 0, 0, 0.6);

  --dm-shell-bg: #101114;
  --dm-shell-fg: #eeece8;
  --dm-shell-muted: #9b9fa7;
  --dm-shell-hover: #1e2022;
  --dm-shell-rail: #3ecf85;

  --dm-chart-1: #c9ccd1;
  --dm-chart-2: #3ecf85;
  --dm-chart-3: #8a8d93;
  --dm-chart-4: #5c5f65;
  --dm-chart-5: #1f6b45;
  --dm-chart-6: #7f9cc9;
  --dm-chart-7: #e07a55;
  --dm-chart-8: #d0a54a;

  --dm-shadow-raised: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.06);
  --dm-shadow-overlay: 0 8px 24px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.08);
    color-scheme: dark;
  }
}
[data-theme="dark"] { color-scheme: dark; }