/* Bootstrap 5 ↔ Vidanya marka köprüsü.
   Yükleme sırası: bootstrap.min.css → BU DOSYA → styles.css (marka her zaman kazanır).
   Amaç: Bootstrap bileşenleri (navbar/offcanvas/accordion/form/grid) Vidanya
   morunda ve Inter yazı tipinde doğsun; Reboot'un marka bileşenlerini ezmesi
   styles.css'in sonda yüklenmesiyle engellenir. */

:root {
  --bs-primary: #7c3aed;                 /* --violet-600 */
  --bs-primary-rgb: 124, 58, 237;
  --bs-secondary: #6d28d9;               /* --violet-700 */
  --bs-secondary-rgb: 109, 40, 217;
  --bs-body-font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bs-body-color: #14142b;              /* --ink */
  --bs-link-color: #6d28d9;
  --bs-link-hover-color: #5b21b6;
  --bs-border-radius: .75rem;
  --bs-border-radius-lg: 1rem;
  --bs-focus-ring-color: rgba(124, 58, 237, .25);
}

/* Bootstrap birincil buton = Vidanya moru (gradient marka butonu .btn-gradient
   styles.css'te yaşamaya devam eder; ikisi bir arada kullanılabilir). */
.btn-primary {
  --bs-btn-bg: #7c3aed;
  --bs-btn-border-color: #7c3aed;
  --bs-btn-hover-bg: #6d28d9;
  --bs-btn-hover-border-color: #6d28d9;
  --bs-btn-active-bg: #5b21b6;
  --bs-btn-active-border-color: #5b21b6;
  --bs-btn-focus-shadow-rgb: 124, 58, 237;
}

.btn-outline-primary {
  --bs-btn-color: #6d28d9;
  --bs-btn-border-color: #c4b5fd;
  --bs-btn-hover-bg: #f5f3ff;
  --bs-btn-hover-color: #5b21b6;
  --bs-btn-hover-border-color: #a78bfa;
  --bs-btn-active-bg: #ede9fe;
  --bs-btn-active-border-color: #a78bfa;
  --bs-btn-active-color: #5b21b6;
}

/* Form odak halkası marka renginde. */
.form-control:focus, .form-select:focus, .form-check-input:focus {
  border-color: #a78bfa;
  box-shadow: 0 0 0 .25rem rgba(124, 58, 237, .15);
}
.form-check-input:checked { background-color: #7c3aed; border-color: #7c3aed; }

/* Accordion (SSS) marka uyumu. */
.accordion {
  --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(124, 58, 237, .15);
  --bs-accordion-active-bg: #f5f3ff;
  --bs-accordion-active-color: #5b21b6;
}

/* Navbar / offcanvas: beyaz zemin + marka vurgusu (detay stiller styles.css'te). */
.navbar { --bs-navbar-active-color: #6d28d9; }
.offcanvas { --bs-offcanvas-width: min(86vw, 360px); }

/* Bootstrap konteyneri mevcut sayfa genişliğiyle hizalı (styles.css --maxw: 1200px). */
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1200px;
  }
}

/* Reboot köprüleri: eski markup'ın dayandığı davranışlar bozulmasın. */
img { max-width: 100%; height: auto; }             /* taşma sıfır (responsive görsel garanti) */
button { font-family: inherit; }

/* Yatay kaydırma asla: geniş içerik kendi kutusunda kayar. */
html, body { overflow-x: clip; }
.table-responsive, pre { overflow-x: auto; }