/* ============================================================
   websiteks · websiteks-sinematik — TASARIM JETONLARI (tokens)
   Sinematik mimarlık-stüdyosu · clean-room (websiteks grameri)
   Palet: derin teal-navy + sıcak bone kâğıt + sky/peach/sage/olive
   Tipo: Space Grotesk (display, değişken) + Manrope (gövde)
   ============================================================ */

:root {
  /* — Çekirdek mürekkep & kâğıt ———————————————————— */
  --ink:        #06171E;   /* derin teal-mürekkep (ana metin / koyu sahne) */
  --ink-soft:   #1B2A30;   /* yumuşak mürekkep */
  --navy:       #002A3C;   /* sinematik derin teal-navy */
  --navy-deep:  #001A26;   /* en derin sahne zemini */
  --paper:      #F3F0E8;   /* sıcak bone kâğıt (ana açık zemin) */
  --paper-2:    #EAE5D9;   /* hafif koyu panel */
  --paper-3:    #E1DBCC;   /* kenar/çizgi tonu */
  --white:      #FBFAF6;   /* sıcak beyaz */

  /* — Aksan paleti (referanstan) ———————————————————— */
  --sky:    #B9DFF2;
  --peach:  #FCE3D6;
  --sage:   #E9ECD7;
  --olive:  #4F5F2E;       /* kullanılabilir zeytin */
  --olive-deep: #203000;   /* referans zeytin (vurgu) */
  --bronze: #B07C5E;       /* websiteks marka DNA — sıcak ahşap/bronz aksanı */
  --bronze-2: #C79A7C;

  /* — Anlamsal ————————————————————————————————— */
  --bg:        var(--paper);
  --fg:        var(--ink);
  --accent:    var(--bronze);
  --accent-cool: var(--navy);
  --line:      rgba(6,23,30,.14);
  --line-soft: rgba(6,23,30,.08);
  --muted:     #5C6A6F;
  --muted-2:   #8A9498;

  /* koyu sahne (sinematik bölümler) için tersine token'lar */
  --on-dark:        #EDE9DE;
  --on-dark-muted:  rgba(237,233,222,.62);
  --on-dark-line:   rgba(237,233,222,.16);

  /* — Tipografi ————————————————————————————————— */
  --font-display: "Space Grotesk", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Manrope", ui-sans-serif, system-ui, -apple-system, sans-serif;

  /* Akışkan tipo ölçeği (clamp: min · viewport · max) */
  --fs-mega:  clamp(3.4rem, 12.5vw, 13rem);   /* hero dev başlık */
  --fs-h1:    clamp(2.6rem, 7vw, 6.2rem);
  --fs-h2:    clamp(2rem, 4.6vw, 4rem);
  --fs-h3:    clamp(1.45rem, 2.4vw, 2.1rem);
  --fs-h4:    clamp(1.15rem, 1.6vw, 1.4rem);
  --fs-lead:  clamp(1.15rem, 1.7vw, 1.6rem);
  --fs-body:  clamp(1rem, 1.05vw, 1.12rem);
  --fs-sm:    .86rem;
  --fs-xs:    .74rem;
  --fs-label: .72rem;     /* tracked uppercase etiket */

  --lh-tight: 0.96;
  --lh-snug:  1.12;
  --lh-body:  1.62;

  --tracking-label: .22em;
  --tracking-wide:  .04em;

  /* — Ritim & geometri —————————————————————————— */
  --space-section: clamp(5.5rem, 11vw, 11rem);
  --gutter:  clamp(1.25rem, 4vw, 3.5rem);   /* sayfa kenar boşluğu */
  --maxw:    1560px;
  --radius:  3px;          /* mimari sertlik — minimum yuvarlama */
  --radius-lg: 8px;

  /* — Hareket ————————————————————————————————— */
  --ease-out:    cubic-bezier(.22, 1, .36, 1);
  --ease-inout:  cubic-bezier(.76, 0, .24, 1);
  --ease-expo:   cubic-bezier(.16, 1, .3, 1);
  --dur-fast:   .35s;
  --dur:        .6s;
  --dur-slow:   1s;

  /* z katmanları */
  --z-cursor: 9999;
  --z-loader: 9000;
  --z-transition: 8500;
  --z-nav: 800;
}

/* Koyu sahne yardımcı: bir bölüme uygulandığında token'ları tersine çevirir */
.is-dark {
  --bg: var(--navy);
  --fg: var(--on-dark);
  --line: var(--on-dark-line);
  --line-soft: rgba(237,233,222,.08);
  --muted: var(--on-dark-muted);
  color: var(--on-dark);
  background: var(--navy);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: .01ms; --dur: .01ms; --dur-slow: .01ms; }
}