/* Global Dark Mode Overrides for barangseken */
/* Apply either on html.dark or body.dark */
html.dark, body.dark {
  color-scheme: dark;
}

/* Shared design tokens used by instagram-style.css and product-detail.css */
html.dark, body.dark {
  --primary-color: #92041d;
  --secondary-color: #92041d;
  --border-color: #334155; /* slate-700 */
  --text-dark: #e5e7eb;    /* zinc-200 */
  --text-light: #94a3b8;   /* slate-400 */
  --bg-white: #0b1220;     /* dark panel */
  --bg-light: #0a0f1a;     /* app background */
  --shadow: 0 2px 10px rgba(0,0,0,0.4);
}

/* Profile.css tokens */
html.dark, body.dark {
  --primary: #92041d;
  --text: #e5e7eb;
  --muted: #9ca3af;
  --border: #334155;
  --bg: #0b1220;
  --bg-light: #0a0f1a;
}

/* Base */
html.dark body, body.dark {
  background: var(--bg-light) !important;
  color: var(--text-dark) !important;
}

/* Common containers and headers */
html.dark .mobile-header,
body.dark .mobile-header,
html.dark .product-header,
body.dark .product-header,
html.dark .profile-header,
body.dark .profile-header,
html.dark .feed-container,
body.dark .feed-container,
html.dark .detail-container,
body.dark .detail-container,
html.dark .profile-container,
body.dark .profile-container {
  background: var(--bg-white) !important;
  border-color: var(--border-color) !important;
}

/* Texts */
html.dark .header-title,
body.dark .header-title,
html.dark .section-header h2,
body.dark .section-header h2,
html.dark .product-title,
body.dark .product-title,
html.dark .details-title,
body.dark .details-title {
  color: var(--text-dark) !important;
}

/* Cards/Panels */
html.dark .product-info,
body.dark .product-info,
html.dark .seller-section,
body.dark .seller-section,
html.dark .product-details,
body.dark .product-details,
html.dark .whatsapp-section,
body.dark .whatsapp-section,
html.dark .profile-stats,
body.dark .profile-stats,
html.dark .bio-card,
body.dark .bio-card,
html.dark .terms-content,
body.dark .terms-content,
html.dark .terms-header,
body.dark .terms-header {
  background: var(--bg-white) !important;
  color: var(--text-dark) !important;
  border-color: var(--border-color) !important;
}

/* Borders */
html.dark .section-header,
body.dark .section-header,
html.dark .product-actions,
body.dark .product-actions,
html.dark .breadcrumb-section,
body.dark .breadcrumb-section {
  border-color: var(--border-color) !important;
}

/* Badges and subtle chips */
html.dark .sort-button,
body.dark .sort-button,
html.dark .modal-tabs,
body.dark .modal-tabs {
  background: var(--bg-light) !important;
  border-color: var(--border-color) !important;
  color: var(--text-dark) !important;
}

/* Bottom navigation */
html.dark .bottom-nav,
body.dark .bottom-nav {
  background: var(--bg-white) !important;
  border-top-color: var(--border-color) !important;
}
html.dark .bottom-nav__item,
body.dark .bottom-nav__item {
  color: var(--text-light) !important;
}
html.dark .bottom-nav__item.active,
body.dark .bottom-nav__item.active,
html.dark .bottom-nav__item:hover,
body.dark .bottom-nav__item:hover {
  color: var(--text-dark) !important;
}

/* Login modal */
html.dark .login-modal-content,
body.dark .login-modal-content {
  background: var(--bg-white) !important;
  color: var(--text-dark) !important;
}
html.dark .close-modal:hover,
body.dark .close-modal:hover {
  background: var(--bg-light) !important;
}

/* Inputs */
html.dark input,
body.dark input,
html.dark .form-group input,
body.dark .form-group input {
  background: var(--bg-white) !important;
  color: var(--text-dark) !important;
  border-color: var(--border-color) !important;
}

/* Inline helpers */
html.dark .empty,
body.dark .empty,
html.dark .product-location,
body.dark .product-location,
html.dark .modal-description,
body.dark .modal-description {
  color: var(--text-light) !important;
}

/* Breadcrumbs */
html.dark .breadcrumb,
body.dark .breadcrumb {
  color: var(--text-light) !important;
}

/* CTA section fixed bar */
html.dark .cta-section,
body.dark .cta-section {
  background: var(--bg-white) !important;
  border-top-color: var(--border-color) !important;
}

/* Profile specifics */
html.dark .profile-stats .stat-label,
body.dark .profile-stats .stat-label {
  color: var(--muted) !important;
}

/* Terms page variables override (uses instagram-style vars) */
/* Already covered by root var overrides above */