/* ============================================================================
   Kuante — Tasarım Tokenları  (TEK RENK KAYNAĞI)
   Referans: DESIGN-KUANTE.md
   Renkler assets/kuante/logo.png piksel analizinden türetildi.

   KURAL: Marka rengi gereken her yerde bu değişkenler kullanılır.
          PHP partial'larına, inline <style> bloklarına hex GÖMÜLMEZ.
   ========================================================================== */

:root {
  /* ---- Marka ---- */
  --k-ink:        #0E273D;  /* logo laciverti — birincil metin, koyu bölüm, dolu CTA */
  --k-ink-800:    #16354F;  /* koyu bölüm içi ayrım / hover */
  --k-ink-700:    #234763;  /* koyu zeminde ikincil metin */

  --k-aqua:       #55C5D6;  /* logo aquası — rozet, ikon, koyu zeminde vurgu */
  --k-aqua-600:   #1E8FA1;  /* hover / ikon çizgisi (metin değil) */
  --k-aqua-700:   #16707E;  /* açık zeminde link ve vurgu METNİ — AA 5.60:1 */
  --k-aqua-200:   #AEE6EE;  /* yumuşak kenar */
  --k-aqua-100:   #D6F2F6;  /* yumuşak vurgu zemini, seçili çip */
  --k-aqua-050:   #EFFAFC;  /* en açık vurgu bandı */

  /* ---- Nötr ---- */
  --k-canvas:     #FBFCFD;  /* sayfa zemini — saf beyaz DEĞİL */
  --k-surface:    #F1F4F6;  /* ikincil yüzey / alternatif bölüm */
  --k-line:       #DCE3E8;  /* 1px ayırıcı, kart kenarı, input kenarı */
  --k-line-soft:  #EAEFF3;  /* çok sessiz ayırıcı */
  --k-muted:      #5A6B78;  /* ikincil metin — AA 5.37:1 */
  --k-disabled:   #AEB9C2;  /* pasif durum */

  /* Koyu zeminde nötrler */
  --k-on-dark:        #FBFCFD;
  --k-on-dark-muted:  #A9BCCB;
  --k-on-dark-line:   rgba(251, 252, 253, .16);

  /* ---- Durum ---- */
  --k-success:    #0F6B45;   /* canvas üzerinde 6.37:1 (önceki #1B8F5A 3.99 ile AA'yı tutturmuyordu) */
  --k-warning:    #B4720B;
  --k-danger:     #B42318;

  /* ---- Tipografi ---- */
  --k-font-display: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --k-font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --k-font-mono:    ui-monospace, 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;

  --k-w-light:   300;
  --k-w-350:     350;
  --k-w-regular: 400;
  --k-w-medium:  500;

  --k-text-micro:      10px;
  --k-text-label:      12px;
  --k-text-caption:    14px;
  --k-text-body-sm:    16px;
  --k-text-body:       18px;
  --k-text-subheading: 24px;
  --k-text-heading-sm: 32px;
  --k-text-heading:    40px;
  --k-text-display:    56px;

  --k-lh-tight:  1.1;
  --k-lh-snug:   1.2;
  --k-lh-normal: 1.5;
  --k-lh-relaxed:1.65;

  --k-tracking-display: -.025em;
  --k-tracking-heading: -.02em;
  --k-tracking-body:    -.01em;
  --k-tracking-label:    .02em;
  --k-tracking-mono:     .015em;

  /* ---- Boşluk (8px tabanlı) ---- */
  --k-space-8:   8px;
  --k-space-16: 16px;
  --k-space-24: 24px;
  --k-space-32: 32px;
  --k-space-40: 40px;
  --k-space-48: 48px;
  --k-space-64: 64px;
  --k-space-80: 80px;
  --k-space-96: 96px;
  --k-space-128:128px;

  /* ---- Form ---- */
  --k-radius-card:    16px;
  --k-radius-card-lg: 24px;
  --k-radius-input:    8px;
  --k-radius-pill:   999px;

  /* ---- Layout ---- */
  --k-page-max:     1280px;
  --k-page-gutter:    24px;
  --k-section-gap:    96px;
  --k-nav-height:     72px;
  --k-topbar-height:  40px;

  /* ---- Hareket ---- */
  --k-ease:      cubic-bezier(.22, .61, .36, 1);
  --k-dur-fast:  .15s;
  --k-dur:       .25s;

  /* NOT: Crafto köprü değişkenleri (--base-color, --dark-gray, --kuante-*) burada
     DEĞİL, css/app.css içinde tanımlı. Sebep: css/style.css bu dosyadan SONRA
     yükleniyor ve aynı özgüllükteki :root tanımlarını eziyor. Köprü en son
     yüklenen katmanda olmalı. */
}

@media (max-width: 991.98px) {
  :root {
    --k-text-display:    40px;
    --k-text-heading:    32px;
    --k-text-heading-sm: 26px;
    --k-section-gap:     64px;
    --k-page-gutter:     20px;
  }
}