/* ============================================================
   Тёмная тема
   ============================================================ */

[data-theme="dark"] {
  --bg: #121212;
  --bg-elevated: #1C1C1C;
  --bg-card: #1C1C1C;
  --bg-subtle: #232323;
  --bg-hover: #2A2A2A;
  --bg-soft: #232323;
  --bg-secondary: #232323;
  --bg-overlay: rgba(0, 0, 0, 0.7);

  --text: #F0EDE8;
  --text-primary: #F0EDE8;
  --text-secondary: #C4C1BA;
  --text-muted: #A39F97;
  --text-inverse: #121212;

  --border: #3A3A3A;
  --border-color: #3A3A3A;
  --border-strong: #555555;

  --primary: #5EA59C;
  --primary-soft: rgba(74, 140, 132, 0.22);
  --primary-soft-hover: rgba(74, 140, 132, 0.32);
  --primary-light: #7BC0B7;
  --primary-dark: #3F8A80;
  --primary-contrast: #FFFFFF;

  --accent-soft: rgba(201, 169, 97, 0.18);

  --success-soft: rgba(46, 158, 91, 0.2);
  --warning-soft: rgba(224, 165, 0, 0.2);
  --danger-soft: rgba(214, 69, 69, 0.2);
  --info-soft: rgba(59, 130, 246, 0.2);

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] .app-header,
[data-theme="dark"] .sidebar,
[data-theme="dark"] .bottom-nav {
  background: var(--bg-elevated);
}

[data-theme="dark"] .skeleton {
  background: linear-gradient(
    90deg,
    #232323 0%,
    #2A2A2A 50%,
    #232323 100%
  );
  background-size: 200% 100%;
}

[data-theme="dark"] .next-appt,
[data-theme="dark"] .bonus-hero,
[data-theme="dark"] .referral-hero {
  filter: brightness(0.95);
}

[data-theme="dark"] .switch__slider::before {
  background: #F0EDE8;
}

/* Auto dark по системной теме */
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) {
    /* Унаследуется через JS theme-preload при отсутствии явной темы */
  }
}