/* ============================================================
   Kaleli Kit — Tasarım token'ları
   Her site bunu yükler, sonra kendi tokens dosyasıyla SADECE
   --k-brand* değerlerini ezer. Başka hiçbir şeyi ezmeyin.
   ============================================================ */
:root {
  /* ---- Marka (site override eder) ---- */
  --k-brand:        #1a9aff;
  --k-brand-ink:    #0b6fc4;   /* koyu zeminde okunur ton */
  --k-brand-soft:   #e8f4ff;   /* açık zemin vurgusu */
  --k-brand-on:     #ffffff;   /* marka üstündeki metin */

  /* ---- Mürekkep (metin) ---- */
  --k-ink:          #0f141c;   /* başlık */
  --k-ink-2:        #38434f;   /* gövde */
  --k-ink-3:        #6b7785;   /* ikincil */
  --k-ink-4:        #98a3b0;   /* pasif */

  /* ---- Yüzeyler ---- */
  --k-bg:           #ffffff;
  --k-bg-2:         #f6f8fa;   /* bölüm ayrımı */
  --k-bg-3:         #eef2f6;
  --k-line:         #e2e8f0;
  --k-line-2:       #cfd8e3;

  /* ---- Koyu yüzey (hero, CTA bandı, footer) ---- */
  --k-deep:         #0f141c;
  --k-deep-2:       #161f2b;
  --k-deep-line:    #26313f;
  --k-deep-ink:     #e8eef4;
  --k-deep-ink-2:   #9aa6b4;

  /* ---- Durum ---- */
  --k-ok:           #0f8a5f;
  --k-warn:         #b45309;
  --k-err:          #c02626;

  /* ---- Tipografi ---- */
  --k-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
            Roboto, "Helvetica Neue", Arial, sans-serif;
  --k-font-head: var(--k-font);

  /* Akışkan ölçek — 360px'de min, 1440px'de max */
  --k-text-xs:  0.75rem;                              /* 12 */
  --k-text-sm:  0.875rem;                             /* 14 */
  --k-text:     1rem;                                 /* 16 */
  --k-text-md:  clamp(1.0625rem, 0.99rem + 0.32vw, 1.1875rem);  /* 17→19 */
  --k-text-lg:  clamp(1.25rem,  1.16rem + 0.40vw, 1.5rem);      /* 20→24 */
  --k-h4:       clamp(1.125rem, 1.05rem + 0.32vw, 1.3125rem);   /* 18→21 */
  --k-h3:       clamp(1.375rem, 1.24rem + 0.58vw, 1.75rem);     /* 22→28 */
  --k-h2:       clamp(1.75rem,  1.50rem + 1.07vw, 2.5rem);      /* 28→40 */
  --k-h1:       clamp(2.125rem, 1.70rem + 1.87vw, 3.5rem);      /* 34→56 */

  --k-lh-tight: 1.15;
  --k-lh-head:  1.25;
  --k-lh:       1.65;
  --k-ls-tight: -0.02em;
  --k-ls-wide:  0.06em;

  /* ---- Boşluk (4px tabanı) ---- */
  --k-1:  0.25rem;   --k-2:  0.5rem;    --k-3:  0.75rem;
  --k-4:  1rem;      --k-5:  1.5rem;    --k-6:  2rem;
  --k-7:  2.5rem;    --k-8:  3rem;      --k-9:  4rem;
  --k-10: 5rem;      --k-11: 6rem;      --k-12: 8rem;

  /* Bölüm dikey ritmi — TEK kaynak. Rastgele padding YAZMAYIN. */
  --k-section:    clamp(3rem, 2.3rem + 3vw, 5.5rem);
  --k-section-sm: clamp(2rem, 1.6rem + 1.8vw, 3.5rem);
  --k-section-lg: clamp(4rem, 3rem + 4.5vw, 7.5rem);

  /* ---- Ölçüler ---- */
  --k-container:    1200px;
  --k-container-sm: 940px;
  --k-prose:        68ch;
  --k-gutter:       clamp(1rem, 0.7rem + 1.3vw, 2rem);

  /* ---- Kenar / gölge / hareket ---- */
  --k-radius-sm: 6px;
  --k-radius:    10px;
  --k-radius-lg: 16px;
  --k-radius-full: 999px;

  --k-shadow-sm: 0 1px 2px rgb(15 20 28 / .06), 0 1px 3px rgb(15 20 28 / .08);
  --k-shadow:    0 2px 4px rgb(15 20 28 / .05), 0 8px 24px rgb(15 20 28 / .08);
  --k-shadow-lg: 0 4px 8px rgb(15 20 28 / .06), 0 20px 48px rgb(15 20 28 / .12);

  --k-ease: cubic-bezier(.4, 0, .2, 1);
  --k-fast: 140ms var(--k-ease);
  --k-slow: 280ms var(--k-ease);

  --k-z-header: 100;
  --k-z-menu:   200;
  --k-z-modal:  300;
}