/* =========================================================
   Berpel — Erişilebilir Renk Varyant Tablosu (WCAG 2.1 AA)
   Antrasit Gri + Sarı paleti; açık/koyu temalara otomatik uygulanır.
   style.css'ten SONRA yüklenmelidir.

   Ramp adları:
     --bp-ink-*     : Antrasit gri ölçeği (0 = beyaz, 950 = en koyu)
     --bp-amber-*   : Marka sarısı ölçeği (50 = en açık, 900 = en koyu)
   Semantik "on-" token'ları her zaman AA (>=4.5:1) sağlar.
   ========================================================= */

:root {
  /* --- Antrasit gri ölçeği --- */
  --bp-ink-0:   #ffffff;
  --bp-ink-50:  #f7f8fb;
  --bp-ink-100: #eef1f5;
  --bp-ink-200: #dfe4ea;
  --bp-ink-300: #c3cad4;
  --bp-ink-400: #949fad;
  --bp-ink-500: #6b7785;
  --bp-ink-600: #576070;
  --bp-ink-700: #3a424f;
  --bp-ink-750: #2d3640;
  --bp-ink-800: #232a33;
  --bp-ink-850: #1c2128;
  --bp-ink-900: #15191f;
  --bp-ink-950: #0f1216;
  --bp-ink-990: #0b0e12;

  /* --- Sarı (amber) ölçeği --- */
  --bp-amber-50:  #fff9e0;
  --bp-amber-100: #fff2b8;
  --bp-amber-200: #ffe680;
  --bp-amber-300: #ffd633;
  --bp-amber-400: #ffcc00; /* marka sarısı */
  --bp-amber-500: #f0bc00;
  --bp-amber-600: #d1a200;
  --bp-amber-700: #a67f00;
  --bp-amber-800: #8a6a00; /* beyaz üzerinde 5.07:1 */
  --bp-amber-900: #7a5c00; /* beyaz üzerinde 6.25:1 */

  /* --- Durum renkleri (AA uyumlu varyantlar) --- */
  --bp-success: #34d07a;          /* koyu tema */
  --bp-success-ink: #0b0e12;
  --bp-danger: #ff6b6b;
  --bp-whatsapp: #25d366;         /* marka yeşili */
  --bp-on-whatsapp: #0b0e12;      /* 9.75:1 */

  /* --- Koyu tema semantik eşlemesi --- */
  --bp-bg: var(--bp-ink-950);
  --bp-bg-2: var(--bp-ink-900);
  --bp-surface: var(--bp-ink-850);
  --bp-surface-2: var(--bp-ink-800);
  --bp-border: var(--bp-ink-750);
  --bp-anthracite: #2b3138;

  --bp-text: #eef1f5;             /* 15.6:1 */
  --bp-text-2: #b6bdc7;           /* 8.5:1 yüzeyde */
  --bp-text-3: #9aa3b0;           /* 5.7:1 surface-2 */
  --bp-muted: #9aa3b0;            /* 5.1:1 antrasit şeritte */

  --bp-yellow: var(--bp-amber-400);
  --bp-yellow-2: var(--bp-amber-300);
  --bp-yellow-strong: #f5b800;
  --bp-yellow-soft: rgba(255, 204, 0, .12);
  --bp-yellow-ink: var(--bp-amber-400);   /* koyu zeminde metin sarısı */
  --bp-on-yellow: var(--bp-ink-990);      /* sarı üstü metin: 12.8:1 */
  --bp-link: var(--bp-amber-400);
  --bp-link-hover: var(--bp-amber-300);
}

/* --- Açık tema eşlemesi --- */
html[data-theme="light"] {
  --bp-bg: var(--bp-ink-50);
  --bp-bg-2: var(--bp-ink-100);
  --bp-surface: var(--bp-ink-0);
  --bp-surface-2: #f4f6f9;
  --bp-border: #d8dee7;
  --bp-anthracite: var(--bp-ink-100);

  --bp-text: #171b22;             /* 15.1:1 */
  --bp-text-2: #4b5565;           /* 7.1:1 */
  --bp-text-3: #5b6575;           /* 5.6:1 */
  --bp-muted: var(--bp-ink-600);  /* 5.6:1 */

  --bp-yellow: #e6ad00;
  --bp-yellow-2: #f2bc13;
  --bp-yellow-strong: var(--bp-amber-900);
  --bp-yellow-soft: rgba(230, 173, 0, .13);
  --bp-yellow-ink: var(--bp-amber-900);   /* açık zeminde metin sarısı 5.9:1 */
  --bp-on-yellow: var(--bp-ink-990);
  --bp-link: var(--bp-amber-900);
  --bp-link-hover: var(--bp-ink-990);

  --bp-success: #0f7a3d;
  --bp-success-ink: #ffffff;
  --bp-danger: #b42318;
}

/* --- Yüksek kontrast (a11y) teması --- */
body.bp-a11y-contrast {
  --bp-bg: #000;
  --bp-bg-2: #000;
  --bp-surface: #0a0a0a;
  --bp-surface-2: #111;
  --bp-anthracite: #0a0a0a;
  --bp-border: #ffea00;
  --bp-text: #fff;
  --bp-text-2: #fff;
  --bp-text-3: #fff;
  --bp-muted: #ffe066;
  --bp-yellow: #ffea00;
  --bp-yellow-ink: #ffea00;
  --bp-link: #ffea00;
  --bp-link-hover: #fff;
  --bp-on-yellow: #000;
  --bp-whatsapp: #00c853;
  --bp-on-whatsapp: #000;
}

/* =========================================================
   Semantik token'ların bileşenlere otomatik uygulanması
   ========================================================= */

/* Bağlantılar */
a { color: var(--bp-link); }
a:hover { color: var(--bp-link-hover); }

/* Sarı zeminli aksiyonlar — her temada AA */
.bp-btn--primary,
.bp-btn--primary:hover,
.bp-btn--outline-yellow:hover,
.bp-feature__icon,
.bp-slide__badge,
.bp-skip-link,
.bp-logo__mark { color: var(--bp-on-yellow); }

.bp-btn--outline-yellow { color: var(--bp-yellow-ink); border-color: var(--bp-yellow-ink); }
.bp-slider__arrow:hover { color: var(--bp-on-yellow); }

/* WhatsApp — marka yeşili üstünde koyu metin (9.75:1) */
.bp-btn--whatsapp,
.bp-btn--whatsapp:hover { background: var(--bp-whatsapp); color: var(--bp-on-whatsapp); }
.bp-btn--whatsapp:hover { background: #1ebe5b; }

/* Açık temada sarı metinler okunabilir tona geçer */
html[data-theme="light"] .bp-eyebrow,
html[data-theme="light"] .bp-card__link,
html[data-theme="light"] .bp-card__icon,
html[data-theme="light"] .bp-breadcrumb span[aria-current],
html[data-theme="light"] .bp-strip__item strong,
html[data-theme="light"] .bp-a11y-panel h4,
html[data-theme="light"] .bp-nav__link:hover,
html[data-theme="light"] .bp-nav__link[aria-current="page"],
html[data-theme="light"] .bp-nav__sub a:hover,
html[data-theme="light"] .bp-topbar a:hover,
html[data-theme="light"] .bp-footer a:hover { color: var(--bp-yellow-ink); }

/* İkincil metin tonları */
.bp-breadcrumb,
.bp-breadcrumb__sep,
.bp-strip__item span,
.bp-a11y-panel > p { color: var(--bp-text-3); }
.bp-a11y-panel h4,
.bp-a11y-panel strong,
.bp-a11y-panel span { color: var(--bp-text); }
.bp-footer__office { color: var(--bp-text); }

/* Odak halkası — her temada görünür */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--bp-yellow-ink);
  outline-offset: 2px;
}

/* Kapak/hero gibi her zaman koyu zeminli bloklar açık temada da koyu kalır */
html[data-theme="light"] .bp-pagehead--with-cover,
html[data-theme="light"] .bp-hero,
html[data-theme="light"] .bp-slide {
  --bp-text: #f4f6f9;
  --bp-text-2: #dfe4ea;
  --bp-text-3: #c3cad4;
  --bp-muted: #c3cad4;
  --bp-yellow-ink: var(--bp-amber-300);
  --bp-link: var(--bp-amber-300);
}

/* Dil seçici ve ikincil butonlar */
.bp-lang__code { color: var(--bp-text-2); }
.bp-btn--ghost { color: var(--bp-text); }
.bp-fab__wa { color: inherit; }

/* =========================================================
   Blog / bilgi merkezi modülleri — token'a bağlanmış varyantlar
   ========================================================= */
html .bp-blog-conversion__primary {
  background: var(--bp-amber-400);
  color: var(--bp-ink-990);
}
html .bp-blog-conversion__secondary { color: #fff; border-color: rgba(255,255,255,.45); }
html .bp-cro-step__no { color: var(--bp-on-yellow); }
html .bp-tl-item__icon { color: var(--bp-yellow-ink); }

/* Koyu temada açık zemin varsayan bloklar */
html:not([data-theme="light"]) :is(.bp-intent-panel, .bp-expert-note) {
  background: var(--bp-surface);
  border-color: var(--bp-border);
}
html:not([data-theme="light"]) :is(.bp-intent-panel, .bp-expert-note) h2,
html:not([data-theme="light"]) .bp-intent-card strong { color: var(--bp-text); }
html:not([data-theme="light"]) :is(.bp-intent-panel__lead, .bp-expert-note p, .bp-intent-card p) { color: var(--bp-text-2); }
html:not([data-theme="light"]) .bp-intent-card { background: var(--bp-surface-2); border-color: var(--bp-border); }
html:not([data-theme="light"]) .bp-expert-note blockquote { background: var(--bp-yellow-soft); color: var(--bp-text); }
html:not([data-theme="light"]) :is(.bp-intent-panel__eyebrow, .bp-expert-note__eyebrow) { color: var(--bp-yellow-ink); }
html:not([data-theme="light"]) .bp-blog-related__card {
  background: var(--bp-surface); color: var(--bp-text); border-color: var(--bp-border);
}
html:not([data-theme="light"]) :is(.bp-blog-related__card small, .bp-blog-related__head p) { color: var(--bp-text-2); }
html:not([data-theme="light"]) .bp-blog-related__card span { color: var(--bp-yellow-ink); }

/* Açık temada koyu zemin varsayan bloklar */
html[data-theme="light"] :is(.bp-decision-list, .bp-ai-answer, .bp-blog-conversion, .bp-knowledge-page) strong,
html[data-theme="light"] :is(.bp-decision-list, .bp-ai-answer, .bp-blog-conversion) h2,
html[data-theme="light"] :is(.bp-decision-list, .bp-ai-answer, .bp-blog-conversion) h3 { color: #fff; }
html[data-theme="light"] .bp-kicker { color: var(--bp-amber-900); border-color: rgba(122,92,0,.45); background: rgba(255,196,0,.14); }
html[data-theme="light"] .bp-knowledge-hub .bp-kicker,
html[data-theme="light"] .bp-knowledge-page .bp-kicker { color: var(--bp-amber-200); border-color: rgba(255,230,128,.5); background: rgba(255,196,0,.10); }
html[data-theme="light"] .bp-knowledge-page :is(h1, h2, h3, h4, strong) { color: #fff; }
html[data-theme="light"] .bp-knowledge-page :is(p, li, span, small) { color: rgba(255,255,255,.86); }
html[data-theme="light"] :is(.bp-ai-answer, .bp-blog-conversion, .bp-hub-card) a.bp-blog-conversion__primary { color: var(--bp-ink-990); }

/* AI özet sayfası bölümleri */
html .bp-ai-section h2, html .bp-ai-section h3, html .bp-ai-section strong { color: var(--bp-text); }
html .bp-ai-section p { color: var(--bp-text-2); }
html .bp-ai-section--soft { background: var(--bp-bg-2); }
html .bp-ai-section a:not(.bp-btn) { color: var(--bp-link); }
html .bp-ai-service, html .bp-ai-fact { background: var(--bp-surface); border-color: var(--bp-border); }

/* CRO paneli: her iki temada da koyu zemin -> metinler daima açık */
html .bp-cro-panel :is(h2, h3, strong) { color: var(--bp-ink-0); }
html .bp-cro-panel :is(p, span, li) { color: rgba(255,255,255,.78); }
html .bp-cro-panel .bp-eyebrow {
  color: var(--bp-amber-300);
  border-color: rgba(255,204,0,.42);
  background: rgba(255,204,0,.10);
}
html .bp-cro-panel :is(.bp-cro-proof__item strong, .bp-cro-form-intro__item strong) { color: var(--bp-amber-300); }
html .bp-cro-panel .bp-cro-step { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.14); }
html .bp-cro-panel .bp-cro-step__no { background: var(--bp-amber-400); color: var(--bp-ink-990); }
html .bp-cro-panel .bp-cro-assurance { color: rgba(255,255,255,.72); }
html .bp-cro-panel .bp-cro-assurance span::before { color: var(--bp-amber-300); }
html .bp-cro-panel .bp-cro-form-intro__item { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.14); }
html .bp-cro-panel a:not(.bp-btn) { color: var(--bp-amber-300); }

/* Sabit koyu zeminli diğer bloklar (tema fark etmeksizin açık metin) */
html :is(.bp-insta, .bp-knowledge-cta, .bp-featured-guide__visual, .bp-hub-card, .bp-mail-guide-hero) :is(h1,h2,h3,h4,strong) { color: var(--bp-ink-0); }
html :is(.bp-insta, .bp-knowledge-cta, .bp-featured-guide__visual, .bp-hub-card, .bp-mail-guide-hero) :is(p,span,li,small) { color: rgba(255,255,255,.78); }
html :is(.bp-insta, .bp-knowledge-cta, .bp-featured-guide__visual, .bp-hub-card, .bp-mail-guide-hero) .bp-eyebrow,
html :is(.bp-insta, .bp-knowledge-cta, .bp-featured-guide__visual, .bp-hub-card, .bp-mail-guide-hero) a:not(.bp-btn) { color: var(--bp-amber-300); }
html :is(.bp-knowledge-hero__actions, .bp-knowledge-cta__actions) a.is-primary { background: var(--bp-amber-400); color: var(--bp-ink-990); }