/**
 * Style-0001 — Marka renk paleti (TEK KAYNAK)
 * Site genelindeki ana renk tonu yalnızca --kd-marka ile belirlenir.
 * Bu dosyayı değiştirdiğinizde header, nav, hero, butonlar ve rozetler güncellenir.
 */
:root {
  /* === Ana marka rengi — yalnızca bu satırı değiştirin === */
  --kd-marka: #000000;

  /* Markadan türetilen tonlar (otomatik) */
  --kd-marka-koyu: color-mix(in srgb, var(--kd-marka) 72%, #000000);
  --kd-marka-daha-koyu: color-mix(in srgb, var(--kd-marka) 48%, #000000);
  --kd-marka-orta: color-mix(in srgb, var(--kd-marka) 82%, #ffffff);
  --kd-marka-acik: color-mix(in srgb, var(--kd-marka) 58%, #ffffff);
  --kd-marka-metin-koyu: color-mix(in srgb, var(--kd-marka) 68%, #000000);
  --kd-marka-seffaf-35: color-mix(in srgb, var(--kd-marka-daha-koyu) 35%, transparent);
  --kd-marka-seffaf-75: color-mix(in srgb, var(--kd-marka) 75%, transparent);
  --kd-marka-golge-25: color-mix(in srgb, var(--kd-marka-daha-koyu) 25%, transparent);

  /* Geriye dönük alias — mevcut CSS bu adları kullanır */
  --kd-lacivert: var(--kd-marka);
  --kd-lacivert-koyu: var(--kd-marka-koyu);

  /* Vurgu rengi (başlık, ikon, rozet — buton değil) */
  --kd-altin: #e8b84a;
  --kd-altin-hover: #d4a43a;
  --kd-altin-acik: #f5e6c8;
  --kd-altin-koyu-metin: var(--kd-marka-metin-koyu);
  --kd-vurgu-gradient: linear-gradient(145deg, #f5cc5a 0%, var(--kd-altin) 55%, #d4a017 100%);

  --kd-kirmizi: #d64545;

  /* Buton paleti (tek kaynak — tüm CTA butonlar) */
  --kd-btn-bg: var(--kd-kirmizi);
  --kd-btn-bg-hover: color-mix(in srgb, var(--kd-kirmizi) 82%, #000000);
  --kd-btn-metin: #ffffff;
  --kd-btn-golge: color-mix(in srgb, var(--kd-btn-bg) 30%, transparent);
  --kd-btn-golge-hover: color-mix(in srgb, var(--kd-btn-bg) 45%, transparent);
  --kd-btn-gradient: linear-gradient(135deg, color-mix(in srgb, var(--kd-btn-bg) 88%, #ffffff) 0%, var(--kd-btn-bg) 100%);
  --kd-btn-gradient-hover: linear-gradient(135deg, color-mix(in srgb, var(--kd-btn-bg) 70%, #ffffff) 0%, var(--kd-btn-bg-hover) 100%);

  --kd-bej: #f3ebe0;
  --kd-bej-acik: #faf6f0;
  --kd-metin: #2c2c2c;
  --kd-metin-acik: #6b7280;
  --kd-beyaz: #ffffff;

  /* Sayfa bileşen tokenları (sayfalar.css) */
  --vt-dark: #0a0a0a;
  --vt-dark-soft: #141414;
  --vt-accent: var(--kd-altin);
  --vt-muted: var(--kd-metin-acik);
  --vt-radius: 0.625rem;
  --vt-radius-lg: 0.875rem;
  --vt-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  --vt-shadow-lg: 0 12px 36px rgba(0, 0, 0, 0.1);

  /* Bootstrap uyumu */
  --bs-body-bg: var(--kd-bej-acik);
  --bs-primary: var(--kd-marka);
  --bs-link-color: var(--kd-marka);
  --bs-btn-bg: var(--kd-btn-bg);
  --bs-btn-border-color: var(--kd-btn-bg);
  --bs-btn-hover-bg: var(--kd-btn-bg-hover);
  --bs-btn-hover-border-color: var(--kd-btn-bg-hover);
  --bs-btn-color: var(--kd-btn-metin);
  --bs-btn-hover-color: var(--kd-btn-metin);
}