/* ==========================================================================
   Dark mode — token overrides only, components reuse existing rules
   ========================================================================== */

[data-theme="dark"] {
  --color-primary: #9C81E0;
  --color-primary-dark: #7C5FC4;
  --color-primary-light: #B39EEA;
  --color-accent: #2E2740;
  --color-bg: #17151E;
  --color-surface: #211E2B;
  --color-text: #F1EFF7;
  --color-text-muted: #9C97AC;
  --color-border: #322D40;
  --color-success: #4FBE85;
  --color-warning: #E0AE55;
  --color-danger: #E4776A;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.55);
}

[data-theme="dark"] .privacy-pill { background: #1D3327; color: #6FD79E; border-color: #2A4B39; }
[data-theme="dark"] .warning-text, [data-theme="dark"] .dropzone__warning { background: #362C18; border-color: #574721; }
[data-theme="dark"] .badge--valid, [data-theme="dark"] .vector-status.is-vector { background: #1D3327; border-color: #2A4B39; }
[data-theme="dark"] .badge--warning { background: #362C18; border-color: #574721; }
[data-theme="dark"] .vector-status.is-raster { background: #3A2320; border-color: #5A342E; }
[data-theme="dark"] .split-preview__stage.bg-checker {
  background-image: conic-gradient(#3a3548 90deg, transparent 90deg 180deg, #3a3548 180deg 270deg, transparent 270deg);
  background-size: 20px 20px;
}
[data-theme="dark"] .code-block { background: #131018; color: #DCD6EE; }