/* ============================================================
   Amu Labs - Dark Theme
   بعد از site.css لود می‌شود. فعال‌سازی: <html data-theme="dark">
   ============================================================ */

html[data-theme="dark"] {
  color-scheme: dark;
  --white: #1c1137;
  --bg: #120a24;
  --bg2: #1a0f33;
  --surface: #1c1137;
  --border: #2f2152;
  --border2: #44307a;
  --p-main: #c4a5ff; /* در تاریک روشن‌تر می‌شود: متن لوگو، عنوان‌های گرادیانی، همبرگر */
  --p-pale: #2a1a52;
  --text-dark: #f3eeff;
  --text-mid: #d4c8f2;
  --text-muted: #a99cc9;
  --text-light: #7f72a3;
  --shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 40px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 20px 80px rgba(0, 0, 0, 0.55);
}

/* ── ناوبار و منو ── */
html[data-theme="dark"] .navbar {
  background: rgba(18, 10, 36, 0.85);
}
html[data-theme="dark"] .navbar.scrolled {
  background: rgba(18, 10, 36, 0.97);
}
html[data-theme="dark"] .mobile-menu {
  background: #1a0e33;
}
html[data-theme="dark"] .nav-link:hover,
html[data-theme="dark"] .nav-link.active {
  background: rgba(123, 47, 255, 0.22);
  color: #fff;
}
html[data-theme="dark"] .theme-toggle {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(167, 139, 250, 0.25);
  color: #ffd66b;
}

/* ── هیرو ── */
html[data-theme="dark"] .page-hero {
  background: linear-gradient(160deg, #130a28 0%, #1a0f38 50%, #20114a 100%);
}
html[data-theme="dark"] .page-hero-blob {
  opacity: 0.3;
}
html[data-theme="dark"] .page-hero-count {
  background: var(--surface);
  color: var(--p-main);
}

/* ── کارت‌ها ── */
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .proj-card,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .contact-form-card,
html[data-theme="dark"] .contact-row {
  background: var(--surface);
  border-color: var(--border);
  color: var(--text-dark);
}
html[data-theme="dark"] .btn-secondary {
  background: var(--surface);
  color: var(--p-main);
}
html[data-theme="dark"] .btn-secondary:hover {
  background: var(--p-pale);
}
html[data-theme="dark"] .svc-media,
html[data-theme="dark"] .proj-img-placeholder {
  background: linear-gradient(135deg, #2a1650, #3a1f70);
}
html[data-theme="dark"] .svc-media::after {
  background: linear-gradient(to top, #1c1137, transparent);
}
html[data-theme="dark"] .service-card .svc-icon-box {
  background: var(--surface);
  border-color: var(--surface);
  color: #b58cff;
}
html[data-theme="dark"] .service-card:hover .svc-icon-box {
  background: var(--p-bright);
  color: #fff;
}
html[data-theme="dark"] .proj-cat {
  color: var(--p-main);
}
html[data-theme="dark"] .proj-tag {
  background: rgba(123, 47, 255, 0.16);
}
html[data-theme="dark"] .empty-state {
  background: var(--bg2);
}

/* ── فرم و نقشه تماس ── */
html[data-theme="dark"] .cf-field input,
html[data-theme="dark"] .cf-field textarea {
  background: #130a28;
  border-color: rgba(167, 139, 250, 0.25);
  color: #f3eeff;
}
html[data-theme="dark"] .cf-field input::placeholder,
html[data-theme="dark"] .cf-field textarea::placeholder {
  color: #7f72a3;
}
html[data-theme="dark"] .map-open {
  background: var(--surface);
  color: var(--p-main);
}
html[data-theme="dark"] .contact-map {
  border-color: var(--border);
}

/* ── فوتر ── */
html[data-theme="dark"] footer {
  background: #0b0518;
}