@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --background: #1b1c27;
    --canvas: #1b1c27;
    --sidebar: #171821;
    --surface: #232430;
    --surface-hover: #2c2d3d;
    --surface-soft: #20212e;
    --text: #eeeef7;
    --text-secondary: #a1a2ba;
    --text-muted: #9293ab;
    --border: #2e3041;
    --border-strong: #42445b;
    --accent: #a28af4;
    --accent-hover: #b29df8;
    --accent-text: #b6a0ff;
    --accent-soft: #302941;
    --accent-border: #493b68;
    --on-accent: #1c142d;
    --success: #7ec9a8;
    --success-soft: #233b34;
    --danger: #f28a9f;
    --danger-hover: #f6a4b5;
    --danger-soft: #412933;
    --message: #332d49;
    --message-border: #433859;
    --shadow: 0 8px 32px #00000014;
    --shadow-floating: 0 12px 45px #00000040;
    --overlay: #090a13a6;
    --lightbox-background: #0b0b12f0;
    --lightbox-text: #ffffff;
    --note-background: #262335;
    --note-line: #4c4069;
    --violet-background: #352d4d;
    --violet-text: #b6a0f4;
    --amber-background: #423722;
    --amber-text: #e3ba73;
    --blue-background: #29354b;
    --blue-text: #93b5ed;
    --mint-background: #253d37;
    --mint-text: #86cbb4;
    --rose-background: #442d3c;
    --rose-text: #e5a0bc;
    --focus: #b6a0ff;
    --scrollbar: #45465b;
    --drop-background: #252032f5;
    --illustration-opacity: .84;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --background: #1b1c27;
  --canvas: #1b1c27;
  --sidebar: #171821;
  --surface: #232430;
  --surface-hover: #2c2d3d;
  --surface-soft: #20212e;
  --text: #eeeef7;
  --text-secondary: #a1a2ba;
  --text-muted: #9293ab;
  --border: #2e3041;
  --border-strong: #42445b;
  --accent: #a28af4;
  --accent-hover: #b29df8;
  --accent-text: #b6a0ff;
  --accent-soft: #302941;
  --accent-border: #493b68;
  --on-accent: #1c142d;
  --success: #7ec9a8;
  --success-soft: #233b34;
  --danger: #f28a9f;
  --danger-hover: #f6a4b5;
  --danger-soft: #412933;
  --message: #332d49;
  --message-border: #433859;
  --shadow: 0 8px 32px #00000014;
  --shadow-floating: 0 12px 45px #00000040;
  --overlay: #090a13a6;
  --lightbox-background: #0b0b12f0;
  --lightbox-text: #ffffff;
  --note-background: #262335;
  --note-line: #4c4069;
  --violet-background: #352d4d;
  --violet-text: #b6a0f4;
  --amber-background: #423722;
  --amber-text: #e3ba73;
  --blue-background: #29354b;
  --blue-text: #93b5ed;
  --mint-background: #253d37;
  --mint-text: #86cbb4;
  --rose-background: #442d3c;
  --rose-text: #e5a0bc;
  --focus: #b6a0ff;
  --scrollbar: #45465b;
  --drop-background: #252032f5;
  --illustration-opacity: .84;
}