/* ============================================================================
   TAMİR DÜKKANI — ORTAK TASARIM TOKENLARI  (tek kaynak)
   Premium "çelik mavi" kimlik. Tüm yüzeyler (landing, login, register, app)
   bu dosyayı import eder; renk/yarıçap/gölge/tipografi tek yerden yönetilir.
   Güncelleme: 2026-06-03
   ============================================================================ */
:root{
  /* — Marka: rafine pas-amber (atölye/tamir kimliği, app "Tezgah" ile aynı) — */
  /* — Marka: CANLI Apple-kalite turuncu (doygun, dokulu). Buton = brand-l→brand-d
       gradyan ile beyaz yazı AA korunurken parlak görünür. — */
  --brand:      #e2540a;   /* canlı turuncu (logo/app/landing ile eşit) — düz beyaz 3.8:1, CTA'lar 3-duraklı degrade (yazı koyu uçta AA✓) */
  --brand-d:    #983e07;   /* koyu: gradyan alt + tint üstü metin (beyaz/metin AA ✓) */
  --brand-l:    #ff8a38;   /* gradyan üst (parlak, canlı) */
  --brand-tint: #ffe0c9;   /* taze şeftali açık zemin (pill, ikon kutusu) */
  --brand-tint-bd:#ffc090; /* tint kenarlığı */

  /* — Mürekkep: sıcak grafit (atölye demiri) — */
  /* — Mürekkep: Apple-soğuk grafit (temiz nötr) — */
  --ink:  #1d1d1f;
  --ink2: #4a4a50;
  --ink3: #86868b;

  /* — Zemin: sıcak açık nötr (kâğıt/beton) + beyaz panel — */
  /* — Zemin: temiz Apple açık-gri tuval (sıcak bej bırakıldı → ton parlasın) — */
  --bg:       #f4f4f7;
  --surface:  #ffffff;
  --surface2: #fafafb;
  --line:     #e6e6eb;
  --line2:    #efeff3;

  /* — Sinyal renkleri (semantik) — */
  --signal:     #ff9500;   /* Apple sistem turuncusu — dekoratif parlak vurgu */
  --amber:      var(--brand); /* uyarı/dikkat = marka ailesi */
  --amber-tint: var(--brand-tint);
  --success:    #0f7a4f;   /* başarı / teslim edildi */
  --danger:     #c0362c;   /* tehlike / sil */

  /* — Yarıçap (tek ölçek) — */
  --r-sm: 8px;
  --r:    12px;
  --r-lg: 16px;

  /* — Gölge (tek, yumuşak ölçek) — */
  --sh-sm: 0 1px 2px rgba(16,24,36,.06);
  --sh-md: 0 14px 32px -16px rgba(16,30,50,.25);

  /* — Boşluk ölçeği (tek kaynak — "nefes alan" düzen) — */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* — Tipografi — */
  --font: 'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --mono: 'DM Mono',ui-monospace,monospace;

  /* — Tipografi ölçeği (modüler, net hiyerarşi) — */
  --text-xs:  .8125rem;  /* 13px */
  --text-sm:  .875rem;   /* 14px */
  --text-md:  1rem;      /* 16px */
  --text-lg:  1.125rem;  /* 18px */
  --text-xl:  1.375rem;  /* 22px */
  --text-2xl: 1.75rem;   /* 28px */
  --text-3xl: 2.25rem;   /* 36px */
  --text-4xl: clamp(2.5rem, 5vw, 3.75rem); /* hero: 40→60px akıcı */

  --lh-tight:  1.1;
  --lh-snug:   1.25;
  --lh-normal: 1.55;

  --fw-normal: 450;
  --fw-medium: 550;
  --fw-bold:   680;
  --fw-black:  780;

  --tracking-tight: -.02em; /* iri başlıklarda sıkı izleme = premium his */

  /* — HAREKET SİSTEMİ (Apple-vari, tek kaynak) ───────────────────────────────
     Tutarlı easing + süre ölçeği. "Premium feel" dağınık ease/.15s yerine
     kasıtlı eğrilerden gelir. reduced-motion app.css/landing'de zaten kapatır. */
  --ease-out:    cubic-bezier(.16,1,.3,1);    /* easeOutExpo — dingin yerine oturma (lift, giriş, panel) */
  --ease-spring: cubic-bezier(.34,1.42,.5,1); /* hafif yay/overshoot — tactile (buton press, toggle knob) */
  --ease-inout:  cubic-bezier(.4,0,.2,1);     /* standart in-out — renk/tema/akordeon */
  --dur-1: .12s;   /* mikro: hover renk/kenar */
  --dur-2: .2s;    /* standart: lift, chip, gölge */
  --dur-3: .32s;   /* büyük: giriş, panel, modal-içi */

  /* — Geriye dönük takma adlar: eski markup var(--green) ile çalışmaya devam etsin — */
  --green:   var(--brand);
  --green-d: var(--brand-d);
  --green-l: var(--brand-l);
}

/* Tutarlı, erişilebilir odak halkası (tüm yüzeyler) */
:focus-visible{ outline:2px solid var(--brand); outline-offset:2px; }