/*
 * Gardaşlık teması — temel (tüm sayfalar). Tasarım kaynağı: son.zip (kırmızı-siyah).
 * Sayfa grupları kendi dosyasını ekler: gardaslik-layout / -home / -catalog / -checkout.
 * Bu dosya SON yüklenir; eski turuncu/lacivert paleti ve açık/koyu geçişi ezilir.
 */
:root {
  --g-bg: #070707;
  --g-bg2: #111214;
  --g-card: #17191d;
  --g-card2: #1d2026;
  --g-text: #ffffff;
  --g-muted: #c7ccd6;
  --g-red: #e30000;
  --g-red2: #b70000;
  --g-green: #25d366;
  --g-border: rgba(255, 255, 255, .08);
  --g-shadow: 0 18px 45px rgba(0, 0, 0, .35);
  --g-radius: 16px;

  /* Sitenin mevcut değişkenleri yeni palete bağlanır */
  --oyp-primary: #e30000;
  --oyp-primary-dark: #b70000;
  --oyp-primary-light: #ff2a2a;
  --oyp-primary-trans: rgba(227, 0, 0, .14);
  --oyp-dark-gray: #f3f4f6;
  --oyp-mid-dark-gray: #c7ccd6;
  --oyp-mid-gray: rgba(255, 255, 255, .14);
  --oyp-light-gray: #1d2026;
  --oyp-dark: #111214;
  --oyp-dark-light: #1d2026;
  --oyp-gray: #c7ccd6;
  --oyp-green: #25d366;
  --oyp-border-radius: 14px;
  --bs-border-color: rgba(255, 255, 255, .12) !important;
  --bs-body-bg: #070707;
  --bs-body-color: #ffffff;
  --bs-link-color: #ff4d4d;
  --bs-link-hover-color: #ff7a7a;
}

html, body {
  background: var(--g-bg) !important;
  color: var(--g-text);
  font-family: Arial, Helvetica, sans-serif;
}

a { color: inherit; }

/* Ortak buton dili (zip: .btn-primary kırmızı, .btn-outline çerçeveli) */
.btn-oyp, .btn-primary {
  background: linear-gradient(135deg, var(--g-red), var(--g-red2)) !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(227, 0, 0, .25);
}
.btn-oyp:hover, .btn-primary:hover { filter: brightness(1.08); }

/* Formlar */
.form-control, .form-select, input[type=text], input[type=tel], input[type=email], textarea, select {
  background-color: #0e0f12 !important;
  color: #fff !important;
  border: 1px solid var(--g-border) !important;
}
.form-control::placeholder, textarea::placeholder { color: #8b91a0; }
.form-control:focus, .form-select:focus { border-color: var(--g-red) !important; box-shadow: 0 0 0 3px rgba(227, 0, 0, .18) !important; }

/* Sitede sabit beyaz/açık gri zemin sınıfları koyu temaya çekilir */
.bg-white, .bg-light, .bg-oyp-light-gray { background-color: var(--g-card) !important; color: var(--g-text) !important; }
.text-dark { color: var(--g-text) !important; }
.text-muted { color: var(--g-muted) !important; }
.border, .border-top, .border-bottom { border-color: var(--g-border) !important; }
.card, .modal-content, .offcanvas, .dropdown-menu { background: var(--g-card) !important; color: var(--g-text) !important; border-color: var(--g-border) !important; }