:root[data-theme="dark"] {
  color-scheme: dark;
  --color-canvas: #171a18;
  --color-surface: #202522;
  --color-surface-strong: #272d29;
  --color-text: #eef1ed;
  --color-muted: #a9b1aa;
  --color-border: #414942;
  --color-primary: #93c5ab;
  --color-primary-hover: #acd7c0;
  --color-secondary: #bea6cc;
  --color-secondary-hover: #d2b9df;
  --color-accent-soft: #2d483b;
  --color-danger: #f0a1a1;
  --color-danger-soft: #4b2929;
  --color-success: #9ad0b1;
  --color-success-soft: #253d30;
  --color-panel: rgba(32, 37, 34, 0.96);
  --color-panel-border: rgba(79, 91, 81, 0.85);
  --color-body-glow: rgba(91, 120, 102, 0.12);
  --color-focus-ring: rgba(147, 197, 171, 0.22);
  --color-focus-border: rgba(147, 197, 171, 0.62);
  --color-code-bg: rgba(147, 197, 171, 0.12);
  --color-quiet-hover: rgba(147, 197, 171, 0.12);
  --color-icon-bg: rgba(147, 197, 171, 0.12);
  --color-note-bg: rgba(16, 20, 18, 0.45);
  --color-empty-bg: rgba(16, 20, 18, 0.48);
  --color-dialog-shadow: rgba(0, 0, 0, 0.55);
  --color-backdrop: rgba(0, 0, 0, 0.66);
  --shadow-panel: 0 18px 55px rgba(0, 0, 0, 0.28);
}