/* ==========================================================================
   tokens.css — İzofer Tasarım Sistemi
   TEK DOĞRULUK KAYNAĞI (single source of truth).
   Hiçbir CSS dosyasında çıplak renk/ölçü yazılmaz; her şey buradan beslenir.
   ========================================================================== */

:root {
  /* ---- Marka ---- */
  --color-primary:        #F4B41A;  /* altın sarısı */
  --color-primary-hover:  #E0A50F;  /* koyu sarı (hover) */
  --color-primary-soft:   #FDF3D7;  /* açık sarı tint (zemin) */
  --color-on-primary:     #1A1C24;  /* sarı buton üstü koyu yazı */

  /* ---- Koyu / Ink ---- */
  --color-ink:            #1A1C24;  /* başlıklar + koyu bölümler */
  --color-ink-2:          #25272F;  /* footer içi kart vb. */

  /* ---- Nötrler ---- */
  --color-bg:             #FFFFFF;
  --color-bg-alt:         #F7F6F3;  /* sıcak açık gri bölüm */
  --color-surface:        #FFFFFF;  /* kart zemini */
  --color-border:         #E7E6E2;
  --color-text:           #4A4D57;  /* gövde metni */
  --color-text-muted:     #8A8D96;  /* eyebrow / soluk */
  --color-heading:        #1A1C24;

  /* Koyu zemin üstü metinler (footer / istatistik şeridi) */
  --color-on-dark:        #FFFFFF;
  --color-on-dark-muted:  #A7AAB3;
  --color-border-dark:    #34363F;

  /* ---- Durum ---- */
  --color-success:        #22C55E;  /* onaylı rozet */
  --color-star:           #F4B41A;  /* yıldızlar */

  /* ---- Tipografi ---- */
  --font-heading: 'Poppins', system-ui, -apple-system, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;

  --fs-eyebrow:  0.8125rem;  /* 13px */
  --fs-body:     1rem;       /* 16px */
  --fs-body-lg:  1.125rem;
  --fs-h3:       1.375rem;
  --fs-h2:       2rem;
  --fs-h1:       2.75rem;
  --fs-display:  3.25rem;    /* hero başlık */
  --fs-small:    0.875rem;   /* küçük yardımcı metin */

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

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

  --ls-eyebrow: 0.08em;

  /* ---- Spacing ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;
  --space-10: 4rem;
  --space-12: 5rem;
  --space-16: 7rem;

  --container-max: 1200px;
  --container-pad: 1.25rem;

  /* ---- Radius ---- */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-pill: 999px;

  /* ---- Gölge ---- */
  --shadow-sm: 0 1px 3px rgba(20,22,30,0.06), 0 1px 2px rgba(20,22,30,0.04);
  --shadow-md: 0 6px 20px rgba(20,22,30,0.08);
  --shadow-lg: 0 18px 40px rgba(20,22,30,0.12);

  /* ---- Hareket ---- */
  --transition-fast: 150ms ease;
  --transition:      220ms ease;

  /* ---- Katmanlar (z-index) ---- */
  --z-header: 100;

  /* ======================================================================
     TASARIM DİLİ v2 — logo paleti + sinematik overlay + derin gölge
     (Mevcut token'lar yukarıda aynen korunur; bunlar EKtir.)
     ====================================================================== */

  /* Logo paleti */
  --color-navy:          #0C2749;  /* logo laciverti — derinlik, koyu bölümler */
  --color-navy-deep:     #081B33;  /* daha koyu lacivert (gradient ucu) */
  --color-navy-soft:     #143A66;  /* açık lacivert (hover, çizgi) */
  --color-red:           #C93531;  /* logo kırmızısı — ikincil vurgu */
  --color-on-navy:       #FFFFFF;  /* lacivert üstü metin */
  --color-on-navy-muted: #AEBED1;  /* lacivert üstü soluk metin */

  /* Sinematik hero overlay gradyanları */
  --overlay-hero: linear-gradient(90deg, rgba(8,27,51,0.92) 0%, rgba(8,27,51,0.75) 45%, rgba(8,27,51,0.25) 100%);
  --overlay-hero-bottom: linear-gradient(180deg, rgba(8,27,51,0.10) 0%, rgba(8,27,51,0.85) 100%);

  /* Güçlendirilmiş kart gölgeleri */
  --shadow-card:       0 4px 16px rgba(8,27,51,0.08);
  --shadow-card-hover: 0 14px 36px rgba(8,27,51,0.16);
}