/* ---------------------------------------------------------------------------
   TASARIM DEĞİŞKENLERİ (Design Tokens)
   Kaynak: Figma - kayd_web-sitesi-tasarımı / frame "kayd_masaüstü" (node 8:2)
   Dosya: aAqNWXlnpx7KQRzF95l0wc

   ÖLÇEK NOTU
   Figma frame'i 905 px genişliğinde bir tarayıcı maketi olarak çizilmiş.
   1440 px'lik gerçek masaüstü genişliğine göre ölçek katsayısı:
        1440 / 905 = 1.5912
   Aşağıdaki px değerleri Figma ölçüsü x 1.5912 ile hesaplanıp yuvarlandı.
   Her satırda ham Figma değeri parantez içinde belirtilmiştir.

   Tek kaynak burasıdır; başka hiçbir dosyaya doğrudan renk/ölçü yazılmaz.
   --------------------------------------------------------------------------- */
:root {
  /* --- Renkler (Figma'dan birebir) --- */
  --kayd-primary:        #7f27ff;  /* ana mor: butonlar, başlıklar, bantlar */
  --kayd-primary-soft:   #cdb8ff;  /* açık mor: "Destekçilerimiz" bandı     */
  --kayd-accent:         #ed7b9c;  /* pembe: "Ayni Destekler" bandı/kart    */
  --kayd-yellow:         #ffdd00;  /* sarı: haber kartları, rozet butonlar  */
  --kayd-ink:            #000000;  /* menü ve üst gezinme metni             */
  --kayd-muted:          #a4a4a4;  /* pasif dil seçimi (EN)                 */
  --kayd-surface:        #ffffff;
  --kayd-on-primary:     #ffffff;  /* mor/pembe zemin üzerindeki metin      */

  /* Tasarımda karşılığı yok - hover/kenarlık için türetildi */
  --kayd-primary-dark:   #6a19e0;
  --kayd-line:           #e6e6e6;
  --kayd-surface-alt:    #f7f7f9;

  /* --- Tipografi --- */
  /* Figma'da tüm arayüz Poppins (Bold / Medium / Regular).
     Tek bir blokta (Ayni Destekler listesi) Inter kullanılmış; ikincil sayıldı. */
  --kayd-font-heading:   "Poppins", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --kayd-font-body:      "Poppins", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --kayd-fw-regular:     400;
  --kayd-fw-medium:      500;
  --kayd-fw-bold:        700;

  /* --- Masaüstü birimi ---
     1 Figma birimi (905'lik çerçevede 1 px) = var(--d).
     1440 px ekranda 1.5912 px; daha dar ekranda orantılı küçülür, böylece
     tüm koordinatlar her genişlikte Figma'daki oranıyla birebir kalır.
     1440 px'den geniş ekranda içerik 1440 düzeninde sabitlenir. */
  --d:                   calc(min(100vw, 1440px) / 905);

  /* Yazı boyutları (birim). Küçük metinlerde okunabilirlik tabanı var:
     yalnızca ~1150 px'den dar ekranlarda devreye girer. */
  --kayd-fs-h1:          calc(22 * var(--d));
  --kayd-fs-h2:          calc(22 * var(--d));
  --kayd-fs-h3:          max(13px, calc(12 * var(--d)));
  --kayd-fs-lead:        calc(15 * var(--d));
  --kayd-fs-body:        max(13px, calc(10 * var(--d)));
  --kayd-fs-button:      max(12px, calc(10.356 * var(--d)));
  --kayd-fs-card:        max(12px, calc(8.8 * var(--d)));
  --kayd-fs-small:       max(11px, calc(7.54 * var(--d)));

  --kayd-lh-tight:       1.15;
  --kayd-lh-normal:      1.6;

  /* --- Boşluk ölçeği (birim) --- */
  --kayd-space-1:        calc(2.5 * var(--d));
  --kayd-space-2:        calc(5 * var(--d));
  --kayd-space-3:        calc(9 * var(--d));    /* kart arası boşluk */
  --kayd-space-4:        calc(10 * var(--d));
  --kayd-space-5:        calc(15 * var(--d));
  --kayd-space-6:        calc(20 * var(--d));
  --kayd-space-7:        calc(30 * var(--d));
  --kayd-space-8:        calc(40 * var(--d));
  --kayd-space-9:        calc(60 * var(--d));
  --kayd-space-section:  calc(88 * var(--d));

  /* --- Kenarlık / gölge --- */
  --kayd-radius-sm:      calc(5 * var(--d));    /* butonlar */
  --kayd-radius:         calc(9 * var(--d));    /* kartlar  */
  --kayd-radius-pill:    999px;
  --kayd-shadow:         0 4px 24px rgba(0, 0, 0, 0.08);

  /* --- Yerleşim (birim) --- */
  --kayd-container:      calc(696 * var(--d));  /* içerik x 106..802 */
  --kayd-gutter:         calc(106 * var(--d));
  --kayd-card-w:         calc(226 * var(--d));
  --kayd-card-h:         calc(113 * var(--d));
  --kayd-btn-h:          calc(31 * var(--d));
  --kayd-btn-w-sm:       calc(87 * var(--d));
  --kayd-hero-h:         calc(360 * var(--d));
  --kayd-edge:           calc(37 * var(--d));
  --kayd-badge:          calc(71 * var(--d));
  --kayd-header-h:       calc(107 * var(--d));
  --kayd-card:           calc(226 * var(--d));
  --kayd-card-gap:       calc(9 * var(--d));
  --kayd-card-gap-y:     calc(16 * var(--d));
  --kayd-card-pad:       calc(11 * var(--d));

  /* --- Mobil (Figma kayd_mobil, 440 px, 1:1) ---
     Aşağıdaki bölümde 1 Figma px = var(--m). 440 px'de --m = 1px. */
  --m:                   1px;
}

/* Mobilde (Figma kayd_mobil) --m kullanılıyor. Mobil bloğunun ezmediği
   masaüstü kuralları okunur kalsın diye --d sabit bir değere çekiliyor. */
@media (max-width: 900px) {
  :root { --d: 1.25px; }
}