/* ============================================================================
   TOKENLƏR — ROOKSOFT şirkət saytı.

   Dizayn dili: "işıq və çertyoj". Fon üç pastel rəngdən qurulmuş qradiyent,
   onun üstündə incə çertyoj qridi və kənardan keçən kontur xətləridir;
   məzmun isə ağ şüşə lövhələrdə dayanır: yarımşəffaf fon, nazik sərhəd,
   yumşaq kölgə. Fonun yeganə hərəkəti sürüşmədəki yüngül parallaksdır
   (`site.css` → `.bg`), 3D səhnə deyil.

   Palitra — saytın bütün rəngi bu üçündən çıxır:
     #8DB9F0  səma mavisi   → interfeysin vurğusu (düymə, keçid, ikon)
     #E9E8F8  lavanda dumanı → fon və bölmə tonu
     #F5B69E  şaftalı        → brend (loqo) və ikinci vurğu

   Oxunaqlıq üçün hər vurğunun iki tonu var: dolğu üçün açıq ton (--acc),
   mətn üçün dərinləşdirilmiş ton (--acc-2). Açıq fonda açıq mavi mətn
   oxunmur, ona görə mətn həmişə dərin tondan gedir.
   ========================================================================== */

:root {
  /* ---- verilmiş üç rəng (dəyişiklik buradan başlayır) ------------------- */
  --sky:   #8DB9F0;
  --mist:  #E9E8F8;
  --peach: #F5B69E;

  /* ---- səthlər --------------------------------------------------------- */
  --void:  #FFFFFF;
  --bg:    #F7F7FC;                      /* səhifənin kağızı */
  --bg-2:  var(--mist);                  /* bölmə tonu */
  --solid: #FFFFFF;                      /* tam qapalı kart */

  /* şüşə lövhə: fon + sərhəd + kölgə birlikdə işlənir */
  --glass:      rgba(255, 255, 255, .66);
  --glass-2:    rgba(255, 255, 255, .88);
  --glass-line: rgba(22, 32, 47, .09);
  --glass-hi:   rgba(255, 255, 255, .95);
  --blur: blur(16px) saturate(1.08);

  --line:   rgba(22, 32, 47, .09);
  --line-2: rgba(22, 32, 47, .17);

  /* fondaki çertyoj qridi: incə tor + hər beşincidə qalın tor */
  --grid-1: rgba(22, 32, 47, .07);
  --grid-2: rgba(22, 32, 47, .15);

  /* ---- mətn ------------------------------------------------------------ */
  --tx:   #16202F;                       /* başlıq */
  --tx-2: #4A5668;                       /* mətn */
  --tx-3: #6B7689;                       /* ikinci dərəcəli, etiket */

  /* ---- vurğu: səma mavisi #8DB9F0 --------------------------------------
     --acc  dolğudur (düymə fonu, ikon lövhəsi, sərhəd),
     --acc-2 isə onun açıq fonda oxunan tonudur (mətn, keçid). */
  --acc:      var(--sky);
  --acc-2:    #33649F;
  --acc-3:    #5E93DA;                   /* aralıq ton: ikon və cizgi */
  --acc-ink:  #0E1C31;                   /* mavinin üstündəki mətn */
  --acc-soft: rgba(141, 185, 240, .20);
  --acc-line: rgba(141, 185, 240, .72);
  --glow:     0 12px 28px -12px rgba(78, 130, 200, .55);

  /* ---- brend: ROOKSOFT · şaftalı ----------------------------------------
     Loqonun rəngi UI vurğusundan qəsdən ayrıdır: mavi interfeysin dilidir,
     şaftalı şirkətin imzası. İşarədəki pəncərələr həqiqi boşluqdur, ona
     görə onların içindən lövhənin şaftalı rəngi görünür.
     Dəyişmək üçün yalnız --brand ailəsi kifayətdir. */
  --brand:      var(--peach);
  --brand-2:    #FBD5C5;                 /* açıq: hover, işıq */
  --brand-deep: #E3936F;                 /* tünd: cizgi və kiçik nişanlar */
  --brand-ink:  #2A1A12;                 /* şaftalının üstündəki qüllə */
  --brand-soft: rgba(245, 182, 158, .22);
  --brand-line: rgba(245, 182, 158, .70);
  --brand-text: #A8542F;                 /* açıq fonda oxunan şaftalı mətn */
  --brand-glow: 0 10px 24px -10px rgba(214, 130, 98, .60);

  /* ---- statuslar ------------------------------------------------------- */
  --st-free: #2E9E79;
  --st-hold: #C68A2A;
  --st-sold: #8A93A3;

  /* ---- ölçü və forma --------------------------------------------------- */
  --max: 1280px;
  --gut: clamp(20px, 4vw, 52px);
  --bar: 72px;
  --r:    14px;
  --r-lg: 22px;
  --r-sm: 10px;

  /* ---- şriftlər -------------------------------------------------------- */
  --f-disp: 'Sora', 'Segoe UI', system-ui, sans-serif;
  --f-body: 'Figtree', 'Segoe UI', system-ui, sans-serif;
  --f-mono: 'IBM Plex Mono', ui-monospace, 'Cascadia Mono', monospace;

  /* ---- kölgə və keçid --------------------------------------------------- */
  --sh-1: 0 1px 3px rgba(26, 40, 66, .08);
  --sh-2: 0 18px 44px -28px rgba(26, 40, 66, .38);
  --sh-3: 0 30px 70px -32px rgba(26, 40, 66, .42);
  --ease: cubic-bezier(.22, .61, .36, 1);
  --fast: 180ms var(--ease);
  --mid:  380ms var(--ease);
  --slow: 760ms var(--ease);
}

@media (prefers-reduced-motion: reduce) {
  :root { --fast: 1ms; --mid: 1ms; --slow: 1ms; }
}

/* ============================================================ ƏLİFBALAR
   Sayt altı dildədir: AZ · EN · TR · RU · KA · AR.

   Sora və Figtree latın və kiril əlifbalarını daşıyır (AZ, EN, TR, RU
   işləyir), gürcü və ərəb əlifbalarını isə YOX. Həmin iki şrifti hər
   ziyarətçiyə yükləmək israf olardı — `i18n.js` onları yalnız o dil
   seçiləndə, bir dəfə əlavə edir; burada isə ailələr dəyişdirilir.
   Fallback zənciri qəsdən saxlanılıb: şrift gec gəlsə də, latın hərfləri
   (BEAVER 3D, EliaCRM, LarkHR kimi adlar) öz yerində oxunur. */
:root[lang="ka"] {
  --f-disp: 'Noto Sans Georgian', 'Sora', 'Segoe UI', system-ui, sans-serif;
  --f-body: 'Noto Sans Georgian', 'Figtree', 'Segoe UI', system-ui, sans-serif;
  --f-mono: 'Noto Sans Georgian', ui-monospace, 'Cascadia Mono', monospace;
}
:root[lang="ar"] {
  --f-disp: 'IBM Plex Sans Arabic', 'Sora', 'Segoe UI', system-ui, sans-serif;
  --f-body: 'IBM Plex Sans Arabic', 'Figtree', 'Segoe UI', system-ui, sans-serif;
  --f-mono: 'IBM Plex Sans Arabic', ui-monospace, 'Cascadia Mono', monospace;
}