/* Akkent Teknik — tasarım token'ları. Değerler logodan örneklenmiştir. */

/* fonts.css HTML'den ayrica baglanir; @import seri istek zinciri yaratirdi. */

:root {
  /* Marka — revizyon 02 paleti */
  --mavi:#0A49E2; --mavi-derin:#0B44B5;
  --lacivert:#0B3A96;          /* logonun koyu hali */
  --beyaz:#FEFEFE; --gri:#9B9B9B;
  --siyah:#0A0A0A; --koyu-gri:#606060;
  /* Header cubugu: griden turetilmis acik ton */
  --ust-zemin:#DCDDDF;
  --mavi-vurgu:#2E6BFF; --mavi-isik:#5A8BFF;
  --kor:#FF5A1F;

  /* Koyu sahne */
  --karbon:#0A0B0E; --karbon-yuzey:#14161B; --duman:#8A8F98;

  /* Açık sahne */
  --kagit:#F4F4F2; --kagit-yuzey:#E9E9E6;
  --grafit:#2A2C31;
  /* --celik logodan gelir ama acik zeminde metin olarak 2.52:1 verir (AA degil).
     Yalnizca cizgi/kenarlik icin kullanilir. Ikincil metin --kursun'dur: 5.7:1 */
  --celik:#9B9B9B; --kursun:#606060;

  /* Aktif tema — .sahne-koyu / .sahne-acik bunları değiştirir */
  --zemin:var(--kagit); --yuzey:var(--kagit-yuzey);
  --metin:var(--grafit); --metin-ikincil:var(--kursun);
  --aksan:var(--mavi); --aksan-hover:var(--mavi-derin);
  --cizgi:rgba(42,44,49,.14);

  /* Tipografi */
  --f-ana:"Archivo",-apple-system,"Segoe UI",Roboto,sans-serif;
  /* Mono font kaldirildi: rakamlar ve etiketler de Archivo kullanir,
     rakam hizasi font-variant-numeric ile saglanir. */
  --f-miras:"Vollkorn",Georgia,serif;
  /* Header'in marka fontu. Ford Antenna dosyalari assets/fonts/ altina
     konana kadar Archivo'ya duser; olcu ve renkler degismez. */
  --f-header:"Ford Antenna",var(--f-ana);

  --t-sahne:clamp(3.5rem,9vw,10rem);
  --t-h1:clamp(2.75rem,5.5vw,5.5rem);
  --t-h2:clamp(2rem,3.4vw,3.25rem);
  --t-h3:clamp(1.375rem,1.8vw,2rem);
  --t-govde:clamp(1.0625rem,.35vw + 1rem,1.1875rem);
  --t-kucuk:.875rem;
  --t-etiket:.6875rem;

  /* Boşluk */
  --b1:4px; --b2:8px; --b3:12px; --b4:16px; --b6:24px; --b8:32px;
  --b12:48px; --b16:64px; --b24:96px; --b32:128px; --b48:192px;

  /* Izgara */
  --kapsayici:1440px; --oluk:24px;

  /* Hareket */
  --egri:cubic-bezier(.16,1,.3,1);
  /* Yumusak egri: --egri ustel bir ease-out, hareketin cogu ilk %20'de
     biter ve sert hissettirir. Bu daha kademeli iner, yavas oturur. */
  --egri-yumusak:cubic-bezier(.33,1,.68,1);
  /* Simetrik egri: uclarda yavas, ortada hizli. Acilis ve kapanis
     birebir ayni hissedilsin diye kullanilir. */
  --egri-simetrik:cubic-bezier(.65,0,.35,1);
  /* Arayuz standardi: hover/focus gibi durum degisimlerinin egrisi. */
  --egri-standart:cubic-bezier(.4,0,.2,1);
  --s-mikro:200ms; --s-giris:750ms; --s-sahne:1200ms;

  --yaricap:2px;   /* neredeyse keskin — endüstriyel */
}

.sahne-koyu {
  --zemin:var(--karbon); --yuzey:var(--karbon-yuzey);
  --metin:#F2F3F5; --metin-ikincil:var(--duman);
  --aksan:var(--mavi-isik); --aksan-hover:#8FAEFF;
  --cizgi:rgba(242,243,245,.14);
  color-scheme:dark;
}
.sahne-acik {
  --zemin:var(--kagit); --yuzey:var(--kagit-yuzey);
  --metin:var(--grafit); --metin-ikincil:var(--kursun);
  --aksan:var(--mavi); --aksan-hover:var(--mavi-derin);
  --cizgi:rgba(42,44,49,.14);
  color-scheme:light;
}