/* CoreV2 – Gece modu marka tonlu yuzeyler (2026-09-11)
 * Amac: dark modda notr lacivert yerine sitenin ana renginden turetilmis,
 * hafif ve profesyonel bir arka plan tonu kullanmak. Sadece renk katmani. */

[data-theme="dark"],
html.dark-mode {
  --cv2-tint-base: color-mix(in srgb, var(--cv2-primary, #059669) 7%, #0a0e16);
  --cv2-tint-card: color-mix(in srgb, var(--cv2-primary, #059669) 9%, #121824);
  --cv2-tint-elev: color-mix(in srgb, var(--cv2-primary, #059669) 12%, #1a2130);
  --cv2-tint-line: color-mix(in srgb, var(--cv2-primary, #059669) 22%, rgba(255, 255, 255, 0.06));

  --cv2-surface-page: var(--cv2-tint-base);
  --cv2-surface: var(--cv2-tint-base);
  --cv2-surface-card: var(--cv2-tint-card);
  --cv2-surface-alt: var(--cv2-tint-elev);
  --CoreV2-bg: var(--cv2-tint-base);
  --CoreV2-card-bg: var(--cv2-tint-card);
  --CoreV2-card-hover: var(--cv2-tint-elev);
  --CoreV2-border: var(--cv2-tint-line);
  --bg-main: var(--cv2-tint-base);
  --bg-secondary: var(--cv2-tint-card);
  --border-color: var(--cv2-tint-line);
  --mm-bg: var(--cv2-tint-base);
  --croturumac-bg: var(--cv2-tint-base);
  --pl-bg-dark: var(--cv2-tint-base);
}

[data-theme="dark"],
[data-theme="dark"] body,
html.dark-mode,
html.dark-mode body {
  background-color: var(--cv2-tint-base) !important;
}

/* Sayfa geneline cok hafif marka isigi – duz zemin yerine derinlik */
[data-theme="dark"] body::before,
html.dark-mode body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(1100px 620px at 12% -8%, color-mix(in srgb, var(--cv2-primary, #059669) 16%, transparent) 0%, transparent 62%),
    radial-gradient(900px 540px at 92% 4%, color-mix(in srgb, var(--cv2-primary, #059669) 10%, transparent) 0%, transparent 60%);
  opacity: 0.55;
}

/* Dekoratif arka plan deseni/ikonu da marka renginde okunsun */
[data-theme="dark"] .pack.pack-popular::after,
[data-theme="dark"] [class*="-pattern"]::after,
[data-theme="dark"] [class*="-pattern"]::before {
  filter: hue-rotate(0deg) saturate(1.2);
  opacity: 0.05;
}

/* Ana sayfa alan adi karti: deseni geri cek, icerigi one al. */
[data-theme="dark"] .grid-wrapper .core-card.box-search,
html.dark-mode .grid-wrapper .core-card.box-search {
  background: color-mix(in srgb, var(--cv2-primary, #059669) 6%, #101722) !important;
  border: 1px solid color-mix(in srgb, var(--cv2-primary, #059669) 18%, rgba(255, 255, 255, 0.08)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

[data-theme="dark"] .grid-wrapper .core-card.box-search::before,
html.dark-mode .grid-wrapper .core-card.box-search::before {
  opacity: 0.025 !important;
  filter: grayscale(1) brightness(1.35) contrast(0.72) !important;
  background-position: center 42% !important;
}

[data-theme="dark"] .grid-wrapper .box-search .domain-item,
html.dark-mode .grid-wrapper .box-search .domain-item {
  background: color-mix(in srgb, var(--cv2-primary, #059669) 5%, rgba(255, 255, 255, 0.045)) !important;
  border: 1px solid rgba(255, 255, 255, 0.055) !important;
}

[data-theme="dark"] .grid-wrapper .box-search .domain-item:hover,
html.dark-mode .grid-wrapper .box-search .domain-item:hover {
  background: color-mix(in srgb, var(--cv2-primary, #059669) 9%, rgba(255, 255, 255, 0.065)) !important;
  border-color: color-mix(in srgb, var(--cv2-primary, #059669) 26%, rgba(255, 255, 255, 0.08)) !important;
}
