/* ==========================================================================
   NÜANS — Tasarım değişkenleri (tokens)
   Renk, tipografi, boşluk ve köşe yarıçapı burada tanımlı.
   Sitenin tamamının görünümü bu dosyadan değiştirilebilir.

   Lacivert logodan geliyor. Ana turuncu (--orange) ayrıca belirlendi;
   diğer turuncu tonları onun renk tonundan (H 19,4°) türetildi.
   ========================================================================== */

:root {
  /* --- Ana renk ---
     Turuncu iki yönlü çalışacak biçimde seçildi: beyaz zeminde metin olarak
     4,58:1, üzerine beyaz yazıldığında yine 4,58:1. Her iki yön de AA eşiğini
     (4,5) geçiyor. %100 doygunlukta, yani olabilecek en canlı hâli. */
  --orange:       #D14600;
  --orange-hover: #B33C00;  /* Turuncu yüzeylerin üzerine gelince */

  /* --- Nötr griler ---
     Turuncunun uygun olmadığı her yerde bunlar kullanılır. Turuncunun açık
     veya koyu tonu ikinci bir renk olarak kullanılmaz. */
  --dark:        #1F2123;  /* Koyu yüzeyler, başlıklar */
  --dark-soft:   #34383B;  /* Koyu yüzeylerde ikinci ton */
  --on-dark:     #C9CDCE;  /* Koyu zeminde ikincil metin ve etiketler */

  /* --- Metin --- */
  --ink:         #1F2123;  /* Gövde metni */
  --muted:       #5C6063;  /* İkincil metin */
  --muted-light: #686D70;  /* Üçüncül metin, küçük notlar */

  /* --- Yüzeyler --- */
  --grey:        #F4F5F5;  /* Sayfa arka planı / açık bölümler */
  --grey-deep:   #E9EBEB;  /* Açık bölümlerde ikinci ton */
  --grey-tint:   #EEF0F0;  /* Rozet, etiket ve ayrışan bölüm arka planları */
  --grey-soft:   #E3E6E6;  /* Hero gibi geniş açık alanlar */
  --white:       #FFFFFF;

  --accent:      var(--orange);  /* Logo noktası / küçük vurgular */
  --success:     #2E7D5B;        /* Onay, "SGK karşılıyor" gibi işaretler */

  --line:        #E1E3E4;  /* Çizgiler, kart kenarları */
  --line-dark:   rgba(255, 255, 255, 0.14);

  /* --- Tipografi --- */
  --font: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --fs-hero:  clamp(2.75rem, 6vw, 4.25rem);  /* Hero başlığı */
  --fs-h2:    clamp(2rem, 4vw, 3rem);        /* Bölüm başlığı */
  --fs-h3:    clamp(1.25rem, 2vw, 1.5rem);   /* Kart başlığı */
  --fs-lead:  clamp(1.0625rem, 1.6vw, 1.25rem); /* Giriş metni */
  --fs-body:  1.0625rem;
  --fs-small: 0.9375rem;
  --fs-xs:    0.8125rem;

  --lh-tight: 1.08;
  --lh-snug:  1.3;
  --lh-body:  1.65;

  /* --- Boşluk --- */
  --section-y:  clamp(4rem, 8vw, 7rem);  /* Bölümlerin dikey nefes payı */
  --gap:        1.5rem;
  --container:  1440px;   /* içerik genişliği — kenar boşluğunu bu belirler */
  --container-narrow: 960px;
  --pad-x:      1.25rem;  /* dar ekranda sol/sağ kenar payı */

  /* --- Köşeler & gölge --- */
  --r-pill: 999px;
  --r-card: 16px;
  --r-sm:   8px;

  --shadow-sm: 0 1px 2px rgba(31, 33, 35, 0.06), 0 4px 16px rgba(31, 33, 35, 0.07);
  --shadow-md: 0 8px 32px rgba(31, 33, 35, 0.12);

  /* --- Hareket --- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-fast: 0.18s var(--ease);
  --t-base: 0.35s var(--ease);

  /* --- Katmanlar --- */
  --z-header: 100;
  --z-menu: 200;
  --z-top: 300;
}