/* ============================================================
   ZEO DESIGN SYSTEM — Tokens (renk · tipografi · boşluk · şekil)
   Tek kaynak. Tüm sunumlar bu degiskenleri kullanir.
   Kaynak: teamzeo/website-zeo @ src/styles/config/_variables.css
   Kanvas: 1920 x 1080 @ 30fps mantigi (slayt = 1920x1080)
   ============================================================ */

/* --- FONTLAR --- */
@font-face { font-family: 'Gilroy'; src: url('./assets/fonts/Gilroy-Regular.ttf')   format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Gilroy'; src: url('./assets/fonts/Gilroy-Medium.ttf')    format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Gilroy'; src: url('./assets/fonts/Gilroy-SemiBold.ttf')  format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Gilroy'; src: url('./assets/fonts/Gilroy-Bold.ttf')      format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Gilroy'; src: url('./assets/fonts/Gilroy-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; }

@font-face { font-family: 'Akagi Pro'; src: url('./assets/fonts/AkagiPro-Book.ttf')     format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Akagi Pro'; src: url('./assets/fonts/AkagiPro-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Akagi Pro'; src: url('./assets/fonts/AkagiPro-Bold.ttf')     format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  /* ===== RENK — marka ===== */
  --c-red:        #cc0a4d;   /* birincil marka kirmizisi */
  --c-red-dark:   #a30046;   /* hover / koyu */
  --c-red-active: #8a003a;   /* basili */
  --c-soft-red:   #ff8aae;   /* koyu zeminde kirmizi vurgu */
  --c-ink:        #012535;   /* koyu zemin + basliklar */
  --c-ink-2:      #34566b;   /* ikincil koyu (grafik segmenti) */
  --c-text:       #273041;   /* govde metni */
  --c-muted:      #5a6678;   /* alt baslik / ikincil metin (white uzerinde ~4.7:1) */
  --c-fade:       #afb8ca;   /* sayfa no / cok ikincil */

  /* Pembe yelpazesi (markanin cekirdek ifadesi) */
  --c-pink-50:    #fff7f8;   /* en acik yuzey / alt satir */
  --c-pink-100:   #fde7ee;   /* pill / etiket zemini */
  --c-pink-200:   #ffcfdf;   /* kenarlik / acik vurgu */

  /* Notrlar */
  --c-white:      #ffffff;
  --c-line:       #e8ecf2;   /* hairline kenarlik */
  --c-track:      #f0eef0;   /* grafik bar zemini */
  --c-surface-2:  #f5f8fc;   /* hafif mavi yuzey (chat, tag) */

  /* Durum renkleri */
  --c-success:    #1a8f5a;   /* olumlu / artis */
  --c-success-soft: #f1f6f4;
  --c-warning:    #f59e0b;
  --c-info:       #3b82f6;

  /* Kod blogu */
  --c-code-bg:    #0f1a2a;
  --c-code-text:  #e8ecf2;

  /* ===== TIPOGRAFI ===== */
  --ff-head: 'Gilroy', 'Inter', system-ui, sans-serif;       /* basliklar */
  --ff-text: 'Akagi Pro', 'Inter', system-ui, sans-serif;    /* govde */
  --ff-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace; /* kod / sayi */

  /* Agirliklar */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  /* Slayt tip olcegi (1920x1080) */
  --fs-cover:    180px;  /* kapak dev baslik */
  --fs-section:  200px;  /* bolum ayraci dev baslik */
  --fs-title-xl: 96px;
  --fs-title-lg: 72px;
  --fs-title-md: 60px;
  --fs-title:    62px;   /* standart slayt basligi */
  --fs-subtitle: 36px;
  --fs-body-lg:  32px;
  --fs-body:     28px;
  --fs-small:    24px;
  --fs-kicker:   24px;
  --fs-bignum:   240px;

  --tracking-tight: -0.02em;
  --tracking-tighter: -0.03em;
  --tracking-wide: 0.06em;     /* kicker / pill */

  --lh-flat: 1.05;
  --lh-tight: 1.2;
  --lh-body: 1.5;
  --lh-relaxed: 1.65;

  /* ===== BOSLUK (slayt olcegi) ===== */
  --pad-x: 100px;     /* slayt yatay ic bosluk */
  --pad-top: 100px;
  --pad-bot: 80px;
  --gap-title: 52px;  /* baslik sonrasi bosluk */
  --gap-item: 28px;   /* madde arasi */
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* ===== SEKIL ===== */
  --radius:    4px;    /* Zeo varsayilan: keskin */
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;
  --radius-full: 50%;

  /* ===== GOLGE ===== */
  /* Imza "kitap" golgesi — markanin en taniinabilir hareketi */
  --shadow-book: -9px 9px 0 0 var(--c-red);
  --shadow-book-soft: -9px 9px 0 0 rgba(204,10,77,0.12);
  --shadow-card: 0 12px 24px 0 rgba(175,184,202,0.2);

  /* ===== HAREKET (animasyon) ===== */
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
  --dur-fast: 240ms;
  --dur-base: 420ms;
  --dur-slow: 640ms;
}