:root {
  --da-bg-main: #0b0b0f;
  --da-bg-surface: #121319;
  --da-bg-surface-2: #161821;
  --da-bg-soft: #1b1e27;
  --da-bg-elevated: rgba(18, 19, 25, 0.82);

  --da-text-main: #f5f5f7;
  --da-text-secondary: #c7c9d1;
  --da-text-muted: #8f93a3;

  --da-border-main: #2a2d36;
  --da-border-soft: #20232b;
  --da-border-strong: #3a3f4a;

  --da-white-button-bg: #f5f5f7;
  --da-white-button-hover: #ffffff;
  --da-white-button-text: #0b0b0f;

  --da-dark-button-bg: rgba(255, 255, 255, 0.04);
  --da-dark-button-hover: rgba(255, 255, 255, 0.08);
  --da-dark-button-text: #f5f5f7;

  --da-success-bg: rgba(16, 185, 129, 0.12);
  --da-success-border: rgba(52, 211, 153, 0.28);
  --da-success-text: #d1fae5;

  --da-danger-bg: rgba(244, 63, 94, 0.12);
  --da-danger-border: rgba(251, 113, 133, 0.26);
  --da-danger-text: #ffe4e6;

  --da-shadow-soft: 0 20px 50px rgba(0, 0, 0, 0.28);
  --da-shadow-strong: 0 30px 80px rgba(0, 0, 0, 0.42);
}

body.theme-dark-apple {
  background:
    radial-gradient(circle at top, rgba(255, 255, 255, 0.05), transparent 30%),
    var(--da-bg-main);
  color: var(--da-text-main);
}

.theme-dark-apple a {
  color: inherit;
}

.theme-dark-apple header {
  border-color: var(--da-border-main) !important;
  background: var(--da-bg-elevated) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.theme-dark-apple nav {
  border-color: var(--da-border-main) !important;
  background: var(--da-bg-surface) !important;
}

.theme-dark-apple footer {
  border-color: var(--da-border-main) !important;
  background: rgba(18, 19, 25, 0.9) !important;
}

.theme-dark-apple main {
  color: var(--da-text-main);
}

.theme-dark-apple .text-slate-950,
.theme-dark-apple .text-slate-900,
.theme-dark-apple .text-slate-800,
.theme-dark-apple .text-slate-700 {
  color: var(--da-text-main) !important;
}

.theme-dark-apple .text-slate-600,
.theme-dark-apple .text-slate-500 {
  color: var(--da-text-secondary) !important;
}

.theme-dark-apple .text-slate-400,
.theme-dark-apple .text-slate-300 {
  color: var(--da-text-muted) !important;
}

.theme-dark-apple .bg-white,
.theme-dark-apple .bg-white\/80,
.theme-dark-apple .bg-white\/90 {
  background: var(--da-bg-surface) !important;
}

.theme-dark-apple .bg-slate-50,
.theme-dark-apple .bg-slate-100 {
  background: var(--da-bg-soft) !important;
}

.theme-dark-apple .border-slate-100,
.theme-dark-apple .border-slate-200,
.theme-dark-apple .border-slate-300 {
  border-color: var(--da-border-main) !important;
}

.theme-dark-apple .shadow-sm,
.theme-dark-apple .shadow-xl,
.theme-dark-apple .shadow-2xl {
  box-shadow: var(--da-shadow-soft) !important;
}

.theme-dark-apple .bg-slate-900,
.theme-dark-apple .bg-slate-950 {
  background: var(--da-white-button-bg) !important;
  color: var(--da-white-button-text) !important;
}

.theme-dark-apple .hover\:bg-slate-800:hover,
.theme-dark-apple .hover\:bg-slate-900:hover {
  background: var(--da-white-button-hover) !important;
  color: var(--da-white-button-text) !important;
}

.theme-dark-apple .border-slate-300.bg-white.text-slate-700,
.theme-dark-apple .border-slate-200.bg-white.text-slate-700,
.theme-dark-apple .border-slate-300.bg-white,
.theme-dark-apple .border-slate-200.bg-white {
  background: var(--da-dark-button-bg) !important;
  color: var(--da-dark-button-text) !important;
  border-color: var(--da-border-strong) !important;
}

.theme-dark-apple .hover\:border-slate-400:hover,
.theme-dark-apple .hover\:text-slate-900:hover,
.theme-dark-apple .hover\:text-slate-950:hover {
  border-color: #f5f5f7 !important;
  color: #ffffff !important;
}

.theme-dark-apple .bg-gradient-to-br.from-slate-100.to-slate-50,
.theme-dark-apple .bg-gradient-to-br.from-slate-100.via-white.to-slate-50 {
  background:
    radial-gradient(circle at top, rgba(255,255,255,0.08), transparent 36%),
    linear-gradient(180deg, #171922 0%, #101117 100%) !important;
}

.theme-dark-apple .rounded-\[2rem\],
.theme-dark-apple .rounded-\[1\.75rem\],
.theme-dark-apple .rounded-3xl {
  box-shadow: var(--da-shadow-soft);
}

.theme-dark-apple .border-dashed {
  border-color: var(--da-border-strong) !important;
}

.theme-dark-apple .bg-emerald-50 {
  background: var(--da-success-bg) !important;
}

.theme-dark-apple .border-emerald-200 {
  border-color: var(--da-success-border) !important;
}

.theme-dark-apple .text-emerald-700,
.theme-dark-apple .text-emerald-800 {
  color: var(--da-success-text) !important;
}

.theme-dark-apple .bg-rose-50 {
  background: var(--da-danger-bg) !important;
}

.theme-dark-apple .border-rose-200 {
  border-color: var(--da-danger-border) !important;
}

.theme-dark-apple .text-rose-800 {
  color: var(--da-danger-text) !important;
}

/* PDP / gallery safety */
.theme-dark-apple .product-gallery-thumb {
  background: var(--da-bg-surface) !important;
  border-color: var(--da-border-main) !important;
}

.theme-dark-apple .product-gallery-thumb:hover {
  border-color: #f5f5f7 !important;
}

.theme-dark-apple .product-gallery-thumb.border-slate-900 {
  border-color: #f5f5f7 !important;
  box-shadow: 0 0 0 2px rgba(245, 245, 247, 0.08) !important;
}

.theme-dark-apple #product-image-lightbox {
  background: rgba(6, 7, 11, 0.97) !important;
}

.theme-dark-apple #product-purchase-box {
  box-shadow: var(--da-shadow-strong) !important;
}

.theme-dark-apple input,
.theme-dark-apple textarea,
.theme-dark-apple select {
  background: #11131a !important;
  color: var(--da-text-main) !important;
  border-color: var(--da-border-strong) !important;
}

.theme-dark-apple input::placeholder,
.theme-dark-apple textarea::placeholder {
  color: var(--da-text-muted) !important;
}

.theme-dark-apple .prose,
.theme-dark-apple .prose p,
.theme-dark-apple .prose li,
.theme-dark-apple .prose strong {
  color: var(--da-text-secondary) !important;
}

.theme-dark-apple .prose strong {
  color: var(--da-text-main) !important;
}
