/* ═══════════════════════════════════════════
   DARK THEME
═══════════════════════════════════════════ */
[data-theme="dark"] {
  --bg-app:       #0D0D14;
  --bg-surface:   #16161F;
  --bg-surface-2: #1C1C28;
  --bg-surface-3: #252535;
  --bg-overlay:   rgba(0, 0, 0, 0.65);

  --text-primary:   #F0F0FF;
  --text-secondary: #9A9AB8;
  --text-tertiary:  #5C5C7A;
  --text-inverse:   #0D0D14;

  --border: #2A2A3E;
  --shadow-sm:  0 1px 3px rgba(0,0,0,.4);
  --shadow-md:  0 4px 12px rgba(0,0,0,.5);
  --shadow-lg:  0 10px 30px rgba(0,0,0,.6);
  --shadow-brand: 0 4px 20px rgba(108,71,255,.5);

  color-scheme: dark;
}

[data-theme="dark"] .list-item:hover { border-color: rgba(108,71,255,.6); }
[data-theme="dark"] .quick-add__input { background: var(--bg-surface-2); }
[data-theme="dark"] .form-input,
[data-theme="dark"] .form-select { background: var(--bg-surface-2); }
[data-theme="dark"] .toast { background: var(--bg-surface-3); color: var(--text-primary); }
[data-theme="dark"] .autocomplete-item:hover,
[data-theme="dark"] .autocomplete-item.focused { background: var(--bg-surface-3); }
[data-theme="dark"] .filter-chip { background: var(--bg-surface-2); }
[data-theme="dark"] .splash { background: #0D0D14; }
[data-theme="dark"] .splash__title { color: var(--text-primary); }

/* ── Nuevos componentes: search, smart-list, compare, price-chart ── */
[data-theme="dark"] .search-bar-wrap { background: var(--bg-surface-2); }
[data-theme="dark"] .search-result   { background: var(--bg-surface-2); border-color: var(--border); }
[data-theme="dark"] .search-result--cheapest { background: rgba(232,168,56,0.07); }
[data-theme="dark"] .search-chip     { background: var(--bg-surface-2); }

[data-theme="dark"] .smart-list      { background: var(--bg-surface-2); border-color: var(--brand-primary); }
[data-theme="dark"] .smart-card      { background: var(--bg-surface-3); }
[data-theme="dark"] .smart-card:has(.smart-card__check:checked) { background: rgba(124,74,158,0.18); }

[data-theme="dark"] .compare-card    { background: var(--bg-surface-2); border-color: var(--border); }
[data-theme="dark"] .compare-card:hover { background: var(--bg-surface-3); }
[data-theme="dark"] .compare-card.cheapest { background: rgba(34,197,94,.08); }

[data-theme="dark"] .price-chip      { background: var(--bg-surface-2); }
[data-theme="dark"] .price-chart-section { background: var(--bg-surface-2); }
[data-theme="dark"] .price-chart-modal__stat { background: var(--bg-surface-3); }

[data-theme="dark"] .ocr-item { border-color: var(--border); }
[data-theme="dark"] .ocr-modal__box { background: var(--bg-surface); }