/**
 * Dark Mode Readability Fixes - DS-12
 * Ensures all UI elements are readable in dark mode
 */

/* Bottom Navigation - Dark Mode */
[data-bar-mode='dark'] .bottom-nav,
[data-bar-mode='dark'] .tabs {
  background: rgba(18, 18, 20, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-bar-mode='dark'] .bottom-nav__item,
[data-bar-mode='dark'] .tabs button {
  color: var(--ds-text-primary, rgba(255, 255, 255, 0.9)) !important;
}

[data-bar-mode='dark'] .bottom-nav__item:not(.bottom-nav__item--active),
[data-bar-mode='dark'] .tabs button:not(.active) {
  color: var(--ds-text-secondary, rgba(255, 255, 255, 0.7)) !important;
}

[data-bar-mode='dark'] .bottom-nav__item--active,
[data-bar-mode='dark'] .tabs button.active {
  color: var(--ds-text-primary, #ffffff) !important;
}

/* Settings Page - Free Plan Badge */
[data-bar-mode='dark'] .tier-badge--free {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--ds-text-primary, rgba(255, 255, 255, 0.9)) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Subscription Card Text */
[data-bar-mode='dark'] .subscription-card,
[data-bar-mode='dark'] .account-section {
  color: var(--ds-text-primary, rgba(255, 255, 255, 0.9)) !important;
}

[data-bar-mode='dark'] .subscription-card__title,
[data-bar-mode='dark'] .account-section__title {
  color: var(--ds-text-primary, rgba(255, 255, 255, 0.95)) !important;
}

[data-bar-mode='dark'] .subscription-card__description,
[data-bar-mode='dark'] .account-section__description {
  color: var(--ds-text-secondary, rgba(255, 255, 255, 0.8)) !important;
}

/* Ensure all text in dark mode is readable */
[data-bar-mode='dark'] .settings-container,
[data-bar-mode='dark'] .profile-card,
[data-bar-mode='dark'] .account-section {
  color: var(--ds-text-primary, rgba(255, 255, 255, 0.9)) !important;
}

[data-bar-mode='dark'] .profile-card__email,
[data-bar-mode='dark'] .tier-status {
  color: var(--ds-text-primary, rgba(255, 255, 255, 0.9)) !important;
}