/* SkyDesk — ortak tasarim tokenlari
 *
 * Uc sayfa (landing, giris, panel) ayni sistemi kullanir. Once her sayfanin
 * kendi :root blogu vardi; landing yeni palete gecince digerleri eski turkuazda
 * kaldi ve ayni marka uc farkli renkle gorundu. Tek kaynak burasi.
 *
 * RENK BIR ROLDUR, SUS DEGIL:
 *   amber    tiklanan sey. Baglan / Giris yap / adim numarasi. Baska hicbir yerde.
 *   turkuaz  guven ve durum. Cevrimici rozeti, onay isareti, bolum cizgisi.
 *   lacivert koyu yuzeyler. Yan panel, ust serit, koyu bolumler.
 *   kemik    kagit. Zemin ve kart yuzeyleri.
 *
 * Ucu de ELPO kurumsal paleti: lacivert #004168, turkuaz #099FA5, amber #F59E0B.
 * Onceki eylem rengi sari (#FFF200) FixDesk'ten kalmaydi; SkyDesk logosunda sari
 * yok ve site ELPO ailesinden kopuyordu.
 *
 * Amber guclu bir renk; her yere serpilirse hicbir yerde dikkat cekmez.
 * Tek isi "buraya bas" demek.
 */

:root{
  /* --- eylem (ELPO amber) --- */
  --signal:#F59E0B;
  --signal-soft:#FCD34D;
  --signal-wash:#FEF6E7;

  /* --- guven / durum (ELPO turkuazi) ---
     teal-ink acik zeminde okunur (4.6:1), teal-lit koyu zeminde (6.2:1).
     Ham --teal beyaz uzerinde 3.0:1 kalir; metin icin kullanilmaz. */
  --teal:#099FA5;
  --teal-ink:#06767C;
  --teal-lit:#3FC9CF;

  /* --- koyu yuzeyler (ELPO lacivert ailesi) --- */
  --navy-950:#001A2C;
  --navy-900:#002B45;
  --navy-800:#003758;
  --navy-700:#004168;
  --navy-500:#195E91;
  --navy-100:#BFD3E3;
  --navy-50:#E6EFF5;

  /* --- metin (ELPO lacivert ailesi) ---
     Metin de siyaha calmaz. Beyaz uzerinde olculen kontrastlar:
     ink 17.8:1, char 14.6:1, mute 7.3:1, soft 5.5:1 — dordu de AA'nin
     ustunde, soft dahil (en acik olan, ipucu metinleri icin). */
  --ink:#001A2C;
  --mute:#3A5A70;
  --soft:#4E6D80;
  --char:#002B45;

  /* --- kagit --- */
  --surface:#FFFFFF;
  --alt:#F6F5EE;
  --bone:#FBFAF4;
  --line:#E4E1D4;

  /* --- durum renkleri (panel) ---
     Eylem rengiyle akraba olmamalari gerekiyor: amber "bas" demek, durum degil.
     busy eskiden koyu kehribardi; eylem rengi amber olunca ayni aileye dustu,
     bu yuzden belirgin sekilde koyu ve kirmiziya calan pas tonuna cekildi
     (beyaz uzerinde 7.4:1). Durumlar rozet olarak cikar, dugme olarak degil. */
  --state-on:#099FA5;
  --state-busy:#9A3412;
  --state-off:#78756A;

  /* --- olculer --- */
  --radius:12px;
  --radius-lg:16px;
  --shadow-soft:0 1px 2px rgba(0,0,0,.04);
  --shadow-bold:0 1px 2px rgba(0,0,0,.05), 0 18px 44px -14px rgba(0,0,0,.20);
  --container:1600px;

  /* --- tipografi ---
     Barlow Condensed basliklarda: dar genislik uzun Turkce basliklari
     kirilmadan tasiyor. Govde metni sistem yiginidir; yerel Turkce
     karakterler icin en guvenli secim ve ek istek gerektirmez. */
  --font-display:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;
  --font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:"SFMono-Regular",ui-monospace,"Cascadia Mono","Consolas",monospace;
}

/* Yeni bir sayfa acilirken elle tekrar yazilmasin diye ortak parcalar. */

.fd-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-body);font-size:14px;font-weight:700;
  padding:13px 20px;border:0;border-radius:var(--radius);cursor:pointer;
  transition:transform .15s,box-shadow .15s,background .15s;
}
/* Birincil eylem. Amber zeminde koyu metin: beyaz metin amber uzerinde
   okunmaz (2.2:1), koyu metin 8.9:1 verir. */
.fd-btn--go{
  background:var(--signal);color:var(--ink);
  box-shadow:0 8px 20px -8px rgba(245,158,11,.55);
}
.fd-btn--go:hover{background:var(--navy-700);color:var(--signal);transform:translateY(-1px)}
.fd-btn--quiet{background:transparent;color:var(--teal-ink);box-shadow:none}
.fd-btn--quiet:hover{background:var(--signal-wash)}

/* Klavyeyle gezenler icin gorunur odak — her zaman turkuaz, hicbir zaman amber,
   cunku odak bir eylem degil bir konum bildirir. */
.fd-focus:focus-visible,
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{
  outline:2px solid var(--teal-ink);outline-offset:2px;
}

/* Durum noktasi */
.fd-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}
.fd-dot--on{background:var(--state-on);box-shadow:0 0 0 3px rgba(9,159,165,.20)}
.fd-dot--busy{background:var(--state-busy);box-shadow:0 0 0 3px rgba(154,52,18,.18)}
.fd-dot--off{background:var(--state-off)}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important}
}