/* ==========================================================================
   DEĞİRMEN — Konsept Tasarım Sistemi 2026
   Tokenlar. Tüm sayfalar bu dosyadaki değişkenlerden beslenir.
   Yön: grafit + soğuk kağıt + pirinç sinyal. Ölçü aleti diline dayalı.
   ========================================================================== */

:root {
  /* --- Renk ---------------------------------------------------------- */
  --ink:        #12181C;   /* grafit gövde, koyu yüzey */
  --ink-2:      #1B2429;   /* yükseltilmiş koyu yüzey */
  --ink-3:      #2B363B;   /* koyu yüzey üstü çizgi */
  --paper:      #EFF0ED;   /* soğuk kağıt zemin */
  --paper-2:    #E5E7E2;   /* çökertilmiş zemin, görsel plakası */
  --surface:    #FFFFFF;
  --rule:       #D3D7D1;   /* saç teli çizgi */
  --rule-soft:  #E3E6E1;
  --muted:      #5C6862;   /* ikincil metin */
  --muted-2:    #8A948F;

  --brass:      #A87A18;   /* tek sinyal rengi: taksimat, aktif durum */
  --brass-lit:  #C99A2E;   /* koyu zeminde pirinç */
  --brass-wash: #F4EBD6;   /* pirinç zemin tonu */
  --wa:         #1F7A5C;   /* WhatsApp göstergesi */

  --focus:      #A87A18;

  /* --- Tipografi ------------------------------------------------------ */
  /* Aileler ve başlık rolleri css/type-a|b|c.css içinden gelir; buradakiler
     A varyantının varsayılanıdır. Boyut, satır yüksekliği ve yerleşim
     tokenları üç varyantta da aynıdır — yalnızca font değişir. */
  --font-display: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --font-body:    'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;

  /* Başlık rolleri: ağırlık / değişken eksen / harf aralığı */
  --w-d1: 700; --vf-d1: "wdth" 100; --ls-d1: -0.018em;
  --w-d2: 700; --vf-d2: "wdth" 100; --ls-d2: -0.016em;
  --w-d3: 650; --vf-d3: "wdth" 100; --ls-d3: -0.012em;
  --w-d4: 620; --vf-d4: "wdth" 100; --ls-d4: -0.008em;
  --w-ds: 640; --vf-ds: "wdth" 100; --ls-ds: -0.006em;

  --d1: clamp(2.1rem, 3.9vw, 3.5rem);
  --d2: clamp(1.75rem, 2.9vw, 2.55rem);
  --d3: clamp(1.4rem, 2.1vw, 1.85rem);
  --d4: clamp(1.12rem, 1.4vw, 1.3rem);
  --t-body:  1rem;
  --t-small: 0.875rem;
  --t-micro: 0.75rem;
  --t-tick:  0.6875rem;

  /* --- Ölçü ----------------------------------------------------------- */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px; --s5: 24px;
  --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px; --s10: 128px;

  --shell: 1320px;
  --gutter: clamp(20px, 4vw, 44px);
  --radius: 3px;          /* işlenmiş kenar; ne yuvarlak ne sıfır */
  --radius-lg: 4px;

  --band: clamp(56px, 8vw, 104px);   /* bölüm dikey nefesi */

  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
  --dur: 160ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0ms; }
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}