/* ===== Dark mode depth fixes ===== */
:root {
  --shadow-elevated: 0 8px 30px rgba(0, 0, 0, 0.08);
}
[data-theme="dark"] {
  --shadow-elevated: 0 8px 30px rgba(0, 0, 0, 0.55);
}
[data-theme="dark"] .ai-glow {
  opacity: 0.8;
}
[data-theme="dark"] .glass {
  background: rgba(28, 28, 30, 0.85);
}
[data-theme="dark"] .segmented-item.active {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}
[data-theme="dark"] .card-apple {
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
}
[data-theme="dark"] .card-apple:hover {
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6);
}
[data-theme="dark"] .toast-item {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.65);
  border-color: var(--border-default);
}
[data-theme="dark"] .icon-btn {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}