/*
  BK Kurumsal Web Sitesi — Tasarım Sistemi (Design Tokens)
  ---------------------------------------------------------
  Bu dosya sitenin tüm renk, tipografi, boşluk ve diğer tasarım
  değerlerini tek noktadan yönetir. Marka rengi, yazı tipi veya
  ölçü değişikliği gerektiğinde SADECE bu dosya güncellenmelidir.
*/

:root {
  /* ---------- Marka Renkleri ---------- */
  /* Nötr, sıcaklıktan uzak koyu ton (lacivert değil — saf antrasit/siyah) */
  --color-ink-900: #121212;
  --color-ink-800: #1b1b1b;
  --color-ink-700: #2b2b2b;
  --color-ink-600: #404040;
  --color-ink-500: #5c5c5c;

  /* Nokta kullanım: sadece harita altı istatistik rakamları için koyu
     lacivert (açıkça talep edildi). Genel tema rengi DEĞİLDİR, ink
     skalasının yerine geçmez. */
  --color-navy-stat: #16213e;

  /* Gerçek, canlı turuncu vurgu rengi (altın/amber DEĞİL) */
  --color-orange-700: #9e6315;
  --color-orange-600: #cc801b;
  --color-orange-500: #f39820;
  --color-orange-400: #f6af51;
  --color-orange-100: #fdf0de;

  /* Nötr / beyaz tonlar */
  --color-white: #ffffff;
  --color-off-white: #fafaf9;
  --color-cream: #f4f3f1;
  --color-gray-100: #eeeeec;
  --color-gray-200: #e2e1de;
  --color-gray-300: #c9c8c4;
  --color-gray-400: #98978f;
  --color-gray-500: #6f6e68;

  /* Metin renkleri */
  --color-text: #17171a;
  --color-text-muted: #57565c;
  --color-text-on-dark: #f6f5f3;
  --color-text-on-dark-muted: #b3b1ac;

  /* İşlevsel renkler */
  --color-border: #e6e5e1;
  --color-border-on-dark: rgba(255, 255, 255, 0.14);
  --color-success: #2e7d4f;
  --color-error: #b23b3b;
  --color-focus: var(--color-orange-500);

  /* Anlamsal renk atamaları */
  --color-bg: var(--color-white);
  --color-bg-alt: var(--color-off-white);
  --color-bg-dark: var(--color-ink-900);
  --color-surface: var(--color-white);
  --color-accent: var(--color-orange-500);
  --color-accent-strong: var(--color-orange-600);
  --color-primary: var(--color-ink-800);
  --color-primary-strong: var(--color-ink-900);

  /* ---------- Tipografi ---------- */
  /* Tek aile: Geist. Başlık ve metinlerde ağırlık farkıyla hiyerarşi
     kuruluyor — sade, teknik ve kaliteli bir görünüm için. */
  --font-heading: "Geist", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Geist", "Helvetica Neue", Arial, sans-serif;

  --fs-h1: clamp(2.25rem, 1.3rem + 2.6vw, 3.75rem);
  --fs-h2: clamp(1.75rem, 1.3rem + 1.8vw, 2.75rem);
  --fs-h3: clamp(1.375rem, 1.15rem + 0.9vw, 1.75rem);
  --fs-h4: 1.125rem;
  --fs-lead: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-xsmall: 0.75rem;

  --lh-tight: 1.15;
  --lh-heading: 1.25;
  --lh-body: 1.65;

  --ls-heading: -0.015em;
  --ls-eyebrow: 0.14em;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* ---------- Boşluk Ölçeği (8px tabanlı) ---------- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 5rem;
  --space-11: 6.5rem;
  --space-12: 8rem;

  /* ---------- Kapsayıcı / Izgara ---------- */
  --container-max: 1280px;
  --container-narrow: 860px;
  --container-padding: clamp(1.25rem, 4vw, 3rem);

  /* ---------- Kenar, Gölge, Geçiş ---------- */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(18, 18, 18, 0.06);
  --shadow-md: 0 8px 24px -8px rgba(18, 18, 18, 0.12);
  --shadow-lg: 0 20px 48px -16px rgba(18, 18, 18, 0.18);

  --border-width: 1px;

  --transition-fast: 150ms ease;
  --transition-base: 240ms cubic-bezier(0.2, 0.65, 0.3, 1);
  --transition-slow: 420ms cubic-bezier(0.2, 0.65, 0.3, 1);

  /* ---------- Katmanlar ---------- */
  --z-header: 100;
  --z-mobile-menu: 200;
  --z-modal: 300;
  --z-cookie: 250;

  /* ---------- Düzen Ölçüleri ---------- */
  --header-height: 68px;
  --header-height-scrolled: 68px;
}

/* Kullanıcı hareket azaltma tercihine saygı */
@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0ms;
    --transition-base: 0ms;
    --transition-slow: 0ms;
  }
}