/* ============================================================
   BEP HAZIRLA — TEK TASARIM KAYNAĞI (design tokens)
   Bu dosya tüm yüzeylerin (ana sayfa, dashboard, blog) renk/ölçü
   kaynağıdır. Renk değişikliği SADECE burada yapılır.
   Yükleme sırası: en son (tüm !important ezmelerinden sonra).
   ============================================================ */

:root{
  /* --- marka --- */
  --ds-primary:#2DD4BF;        /* turkuaz */
  --ds-primary-2:#14B8A6;      /* turkuaz koyu (gradyan alt) */
  --ds-primary-hover:#5EEAD4;  /* turkuaz açık */
  --ds-accent:#F59E0B;         /* amber */
  --ds-accent-soft:#FEF3C7;
  --ds-accent-ink:#B45309;

  /* --- açık tema yüzeyleri --- */
  --ds-bg:#F8FAFC;
  --ds-bg-2:#FFFFFF;
  --ds-surface:#FFFFFF;
  --ds-surface-2:#F4F8FC;
  --ds-line:#E2EAF5;
  --ds-text:#17243B;
  --ds-text-2:#33445F;
  --ds-muted:#526581;
  --ds-on-primary:#06302A;

  /* --- ölçü --- */
  --ds-r-card:24px;
  --ds-r-btn:18px;
  --ds-r-input:12px;
  --ds-r-pill:999px;
  --ds-r-sm:10px;

  /* --- gölge --- */
  --ds-shadow-card:0 10px 30px -22px rgba(23,36,59,.28), 0 1px 2px rgba(23,36,59,.04);
  --ds-shadow-btn:0 10px 24px -14px rgba(20,184,166,.6);
  --ds-shadow-lift:0 18px 40px -26px rgba(20,184,166,.55);

  /* --- tipografi --- */
  --ds-font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ds-font-display:"Inter","Plus Jakarta Sans",system-ui,sans-serif;

  /* --- gradyanlar --- */
  --ds-grad-primary:linear-gradient(180deg,#2DD4BF 0%,#14B8A6 100%);
  --ds-grad-primary-hover:linear-gradient(180deg,#5EEAD4 0%,#2DD4BF 100%);

  /* --- eski (legacy) değişken adları: tek kaynaktan beslenir --- */
  --primary:var(--ds-primary);
  --primary-hover:var(--ds-primary-2);
  --accent:var(--ds-accent);
  --background:var(--ds-bg);
  --bg:var(--ds-bg);
  --surface:var(--ds-surface);
  --text:var(--ds-text);
  --text-muted:var(--ds-muted);
  --border:var(--ds-line);
  --radius-lg:var(--ds-r-card);
}

/* ================= KOYU TEMA ================= */
html[data-theme="dark"]{
  --ds-bg:#0B0F1B;
  --ds-bg-2:#0D1322;
  --ds-surface:#111827;
  --ds-surface-2:#161F33;
  --ds-line:#303B56;
  --ds-text:#F8FAFC;
  --ds-text-2:#D5DEEE;
  --ds-muted:#AEB8CC;
  --ds-on-primary:#04211D;
  --ds-accent-soft:rgba(245,158,11,.14);
  --ds-accent-ink:#F59E0B;
  --ds-shadow-card:0 18px 44px -34px rgba(0,0,0,.95);
  --ds-shadow-btn:0 10px 26px -12px rgba(45,212,191,.55);
  --ds-shadow-lift:0 22px 50px -32px rgba(45,212,191,.55);

  --primary:var(--ds-primary) !important;
  --primary-hover:var(--ds-primary-hover) !important;
  --accent:var(--ds-accent) !important;
  --background:var(--ds-bg) !important;
  --bg:var(--ds-bg) !important;
  --surface:var(--ds-surface) !important;
  --text:var(--ds-text) !important;
  --text-muted:var(--ds-muted) !important;
  --border:var(--ds-line) !important;
}

/* ================= AÇIK TEMA ================= */
html[data-theme="light"]{
  --primary:var(--ds-primary) !important;
  --primary-hover:var(--ds-primary-2) !important;
  --accent:var(--ds-accent) !important;
  --background:var(--ds-bg) !important;
  --bg:var(--ds-bg) !important;
  --surface:var(--ds-surface) !important;
  --text:var(--ds-text) !important;
  --text-muted:var(--ds-muted) !important;
  --border:var(--ds-line) !important;
}

/* ================= ORTAK BİLEŞENLER ================= */
/* Ana sayfa ve dashboard aynı butonu, aynı kartı kullanır. */
.ds-btn,
html[data-theme] body .btn.ds-btn,
html[data-theme] body .btn.btn-primary{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  background-image:var(--ds-grad-primary) !important;
  background-color:var(--ds-primary-2) !important;
  color:var(--ds-on-primary) !important;
  border:1px solid rgba(45,212,191,.5) !important;
  border-radius:var(--ds-r-btn) !important;
  font-weight:800 !important;
  font-family:var(--ds-font) !important;
  box-shadow:var(--ds-shadow-btn) !important;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, background-image .18s ease;
}
.ds-btn:hover,
html[data-theme] body .btn.btn-primary:hover{
  background-image:var(--ds-grad-primary-hover) !important;
  color:var(--ds-on-primary) !important;
  transform:translateY(-1px);
}
.ds-btn-ghost,
html[data-theme] body .btn.btn-outline{
  background:var(--ds-surface) !important;
  color:var(--ds-text) !important;
  border:1px solid var(--ds-line) !important;
  border-radius:var(--ds-r-btn) !important;
  font-weight:700 !important;
}
.ds-card{
  background:var(--ds-surface) !important;
  border:1px solid var(--ds-line) !important;
  border-radius:var(--ds-r-card) !important;
  box-shadow:var(--ds-shadow-card) !important;
}
.ds-badge{
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(45,212,191,.12);
  color:var(--ds-primary-2);
  border:1px solid rgba(45,212,191,.30);
  border-radius:var(--ds-r-pill);
  padding:5px 12px; font-size:.74rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase;
}
html[data-theme="dark"] .ds-badge{color:var(--ds-primary-hover)}
.ds-badge-amber{
  background:var(--ds-accent-soft);
  color:var(--ds-accent-ink);
  border-color:rgba(245,158,11,.32);
}