/* murattunalı. — design tokens · FAZ 5 · Sinyal */
:root {
  /* renk */
  --paper: #FAFAF7;        /* zemin */
  --ink: #101014;          /* gövde metni, başlık, koyu blok */
  --lead: #55555C;         /* ikincil metin, meta */
  --signal: #002FA7;       /* tek vurgu: link, focus, nokta, ışık */
  --signal-soft: #4D6FFF;  /* koyu zeminde signal yerine */
  --signal-tint: #E7ECF9;  /* vurgu zemini; üzerine yalnız --ink */
  --mist: #ECECE6;         /* kart/yüzey, form zemini */
  --alert: #B3261E;        /* yalnız form hatası; dekorda asla */
  --line: rgba(16, 16, 20, 0.12);

  /* tipografi — Archivo VF (wdth 62..125) + Spline Sans Mono */
  --font-sans: 'Archivo', sans-serif;
  --font-mono: 'Spline Sans Mono', monospace;
  --t-display: clamp(3.5rem, 1.2rem + 7.8vw, 8rem);   /* wdth 125 · wght 850 · lh 0.92 · ls -0.015em */
  --t-h1: clamp(2.5rem, 1.1rem + 4.6vw, 4.5rem);      /* wdth 116 · wght 800 · lh 0.98 */
  --t-h2: clamp(1.5rem, 1.1rem + 1.4vw, 2.125rem);    /* wdth 108 · wght 700 · lh 1.1 */
  --t-lead: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);  /* wght 500 · lh 1.5 */
  --t-body: 1.0625rem;                                /* wght 400 · lh 1.6 */
  --t-small: 0.875rem;
  --t-mono: 0.75rem;                                  /* ls 0.14em · uppercase */
  --wdth-display: 125;
  --wdth-narrow: 92;   /* netleşme animasyonu başlangıcı */
  --wdth-de: 104;      /* DE başlıklarda genişleme telafisi */

  /* spacing — 8px taban */
  --s-1: 8px; --s-2: 16px; --s-3: 24px; --s-4: 32px;
  --s-6: 48px; --s-8: 64px; --s-12: 96px; --s-16: 128px;

  /* grid */
  --container: 1280px; --margin-d: 80px; --margin-t: 48px; --margin-m: 20px;
  --gutter-d: 24px; --gutter-t: 20px; --gutter-m: 16px;

  /* motion */
  --ease-focus: cubic-bezier(0.16, 1, 0.3, 1);   /* netleşme, karakter/satır girişleri */
  --ease-scene: cubic-bezier(0.65, 0, 0.35, 1);  /* sahne geçişleri, View Transitions */
  --ease-ui: cubic-bezier(0.3, 0, 0.2, 1);       /* hover, focus, mikro */
  --dur-micro: 0.3s; --dur-el: 0.6s; --dur-block: 0.9s; --dur-scene: 1.4s;
  --stagger-line: 80ms; --stagger-char: 14ms; --stagger-card: 110ms;
}

/* linkler */
a { color: var(--signal); text-decoration: none; }
a:hover { color: var(--ink); }
:focus-visible { outline: 2px solid var(--signal); outline-offset: 2px; }

/* reduced-motion: tam alternatif akış */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition-duration: 0.2s !important; }
  /* JS tarafı: Lenis kapat, ScrollTrigger scrub kapat, hero statik kare, wdth sabit 125 */
}