:root{
  /* ADOZ LIGHT THEME TOKENS */
  --br-ink:   #0f172a;     /* ana metin */
  --br-muted: #475569;     /* ikincil metin */
  --br-bg:    #ffffff;     /* sayfa zemini (light) */
  --br-panel: #ffffff;     /* kart zemini */
  --br-border:#e7eaf0;     /* ince sınırlar */
  --br-accent:#e0260e;     /* Adoz kırmızısı */
  --br-accent-25: rgba(224,38,14,.12);
  --br-primary:#b31818;    /* buton hover koyusu */
  --br-shadow: 0 18px 40px rgba(2,6,23,.08);
}

/* Global */
html,#content{ background:var(--br-bg); color:var(--br-ink); }
img{ max-width:100%; height:auto; }
section{ background:transparent; }

/* Reset & Base – tüm sayfalarda istenmişti */
#subheader{ display:none; }
#mainmenu a{ color:#b31818 !important; }

/* HERO */
.br-hero{ position:relative; margin-top:50px; }
.br-hero h1{ color: var(--br-ink); }
.br-hero p{ color: var(--br-muted); }
.min-vh-60{ min-height:60vh; }

.br-hero-bg{
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(1200px 680px at 8% 4%,
      color-mix(in oklab, var(--brand-primary) 38%, white) 0%,
      color-mix(in oklab, var(--brand-primary) 22%, white) 38%,
      color-mix(in oklab, var(--brand-primary) 8%,  white) 60%,
      transparent 76%),
    linear-gradient(180deg, #fff 0%, #fff 100%);
}

.br-hero-bottom-glow{
  position:absolute; left:0; right:0; bottom:-1px; height:1px;
  box-shadow: 0 -20px 60px 20px var(--br-accent-25);
}

/* (Opsiyonel) kök değişken eşlemesi: brand-primary tanımlı değilse etkinleşsin */
:root{
  --brand-primary: var(--br-accent); /* zaten varsa tekrar yazmayın */
}


/* STRIP (KPI) */
.br-strip{
  background:#f8fafc;
  border-top:1px solid var(--br-border);
  border-bottom:1px solid var(--br-border);
}
.br-kpi{ padding:10px 0; }
.br-kpi-num{ font-weight:800; font-size:28px; color:var(--br-ink); }
.br-kpi-label{ color:var(--br-muted); font-size:13px; }

/* ABOUT / VISION / QUALITY – tipografi */
#about h2, .vision h2, .quality h2, #values h2 { color: var(--br-ink); }
#about p,  .vision p,  .quality p           { color: var(--br-muted); }

/* CARDS */
.br-card{
  background: var(--br-panel);
  border:1px solid var(--br-border);
  border-radius:18px;
  box-shadow: var(--br-shadow);
}
.br-media{ aspect-ratio: 16/10; background:#f1f5f9; }
.object-fit-cover{ object-fit:cover; }

/* MINI CARDS */
.br-mini-card{
  height:100%;
  background: #fff;
  border:1px solid var(--br-border);
  border-radius:16px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.br-mini-card h6{ color: var(--br-ink); }
.br-mini-card p{ color: var(--br-muted); }
.br-mini-card:hover{
  transform: translateY(-4px);
  border-color: color-mix(in oklab, var(--br-accent), #fff 60%);
  box-shadow: 0 16px 30px rgba(2,6,23,.07);
}
.br-mini-card i{ font-size:28px; color: var(--br-accent); }

/* CHECKLIST */
.br-checklist li{
  display:flex; align-items:center; gap:10px;
  padding:8px 0; color:var(--br-ink);
  border-bottom:1px dashed rgba(2,6,23,.08);
}
.br-checklist li i{ color:var(--br-accent); }

/* VALUES */
.br-badge{
  background: color-mix(in oklab, var(--br-accent), #fff 90%);
  border:1px solid color-mix(in oklab, var(--br-accent), #fff 70%);
  color: var(--br-ink);
  padding:10px 14px;
  border-radius:100px;
  font-weight:600;
}
.br-quote{
  border:1px solid var(--br-border);
  border-radius:18px;
  background: linear-gradient(180deg, #ffffff, #ffffff);
  box-shadow: var(--br-shadow);
}
#values blockquote{ color: var(--br-ink); }
.text-accent{ color: var(--br-accent) !important; }

/* CTA */
.br-cta{
  background: linear-gradient(180deg,
    color-mix(in oklab, var(--br-accent) 10%, #fff),
    #fff 60%);
  border-top:1px solid var(--br-border);
  border-bottom:1px solid var(--br-border);
}
.br-cta h2{ color: var(--br-ink); }
.br-cta p{ color: var(--br-muted); }

/* FOOTER (kurumsal sayfada varsa uyumlu dursun) */
.br-footer{
  background:#f8fafc;
  border-top:1px solid var(--br-border);
  color: var(--br-muted);
}

/* BUTTONS */
.br-btn{
  --padY: .7rem; --padX: 1.2rem;
  padding: var(--padY) var(--padX);
  border-radius:14px;
  border:1px solid transparent;
  font-weight:700;
  letter-spacing:.2px;
  transition: all .22s ease;
}
.br-btn--primary{
  background: var(--br-accent);
  color:#fff;
  border-color: var(--br-accent);
  box-shadow: 0 10px 26px color-mix(in oklab, var(--br-accent), #000 20% / 18%);
}
.br-btn--primary:hover{
  background: var(--br-primary);
  color:#fff;
  transform: translateY(-1px);
}
.br-btn--ghost{
  background: #fff;
  color: var(--br-accent);
  border-color: color-mix(in oklab, var(--br-accent), #fff 65%);
}
.br-btn--ghost:hover{
  background: color-mix(in oklab, var(--br-accent), #fff 92%);
  border-color: var(--br-accent);
  color: var(--br-accent);
}

/* TYPOGRAPHY helpers */
.fw-700{ font-weight:700; }

/* Animations – mevcut sınıfları korudum */
.br-fade-up,
.br-float{ opacity:0; transform: translateY(16px); will-change: transform, opacity; }
@keyframes adz-fade-up{ from{opacity:0; transform:translateY(16px)} to{opacity:1; transform:none} }
@keyframes adz-float{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
.br-fade-up.is-in{ animation: adz-fade-up .6s ease both; }
.br-fade-up.is-in.br-fade-up-delay-1{ animation-delay:.15s; }
.br-fade-up.is-in.br-fade-up-delay-2{ animation-delay:.3s; }
.br-float.is-in{ opacity:1; transform:none; animation: adz-float 6s ease-in-out infinite; }

/* Progressive enhancement – animasyon baseline */
@keyframes br-fade-up{ from{opacity:0; transform:translateY(16px)} to{opacity:1; transform:none} }
.br-fade-up{ animation: br-fade-up .6s ease both; }
.br-fade-up-delay-1{ animation-delay:.15s; }
.br-fade-up-delay-2{ animation-delay:.3s; }
@keyframes br-float{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
.br-float{ animation: br-float 6s ease-in-out infinite; }

@media (prefers-reduced-motion: reduce){
  .br-fade-up, .br-float{ animation: none !important; opacity:1; transform:none; }
}

/* UTIL */
.rounded-4{ border-radius:1rem!important; }

/* Responsive tweaks */
@media (max-width: 991.98px){
  .display-4{ font-size:2.2rem; }
}
