/* ════════════════════════════════════════════════════════
   DESIGN TOKENS  —  MST Yazılım
   Tüm renk, tipografi ve layout değerleri burada tanımlanır.
   Hardcoded değer kullanma, her zaman bu var'ları kullan.
   ════════════════════════════════════════════════════════ */

:root {
  /* ── Colors ─────────────────────────────────────────── */
  --c-ink:         #1e1c1d;   /* birincil metin / koyu arka plan */
  --c-white:       #ffffff;
  --c-brand:       #c0292b;   /* marka kırmızısı */
  --c-brand-dark:  #a82224;   /* hover durumu */
  --c-green:       #ff9d9f;   /* vurgu yeşili (koyu bg üstünde) */
  --c-body:        #4a4a4a;   /* gövde metni */
  --c-meta:        #b0b0b0;   /* ikincil meta metin */
  --c-border:      #d4d4d4;   /* çizgiler ve ayraçlar */
  --c-surface:     #f8f8f8;   /* hover / hafif arka plan */
  --c-surface-alt: #f8f8f8;   /* alternatif bölüm arka planı */
  --c-dim:         #e8e8e8;   /* soluk dekoratif metin */

  /* ── Typography ─────────────────────────────────────── */
  --font-sans: "IBM Plex Sans", ui-sans-serif, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* ── Layout ─────────────────────────────────────────── */
  --max-w:  1200px;
  --nav-h:  100px;

  /* ── Easing ─────────────────────────────────────────── */
  --ease:        cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* ── Transitions ─────────────────────────────────────── */
  --t-fast:  0.15s var(--ease);
  --t-base:  0.3s  var(--ease);
  --t-slide: 1.2s  ease-in-out;
  
  /* ── Border Radius ───────────────────────────────────── */
  --radius: 8px;

  /* ── Padding ─────────────────────────────────────────── */
  --padding-block-start: 80px; --padding-block-end: 80px; --padding-inline-start: 48px; --padding-inline-end: 48px;
}

@media (max-width: 782px) {
  :root {
    --nav-h: 70px;
  }
}