/* ==========================================================================
   FERHAD — vahid tema
   --------------------------------------------------------------------------
   Bütün saytların yeganə rəng mənbəyi. Hub, 6 oyun, Emoji Kilid, McLauncher,
   Alpagut — hamısı bu faylı oxuyur. İstisna yoxdur.

   Neytral qara: heç bir isti və ya soyuq çalar yoxdur — boz oxu tam neytraldır.
   Tək vurğu: elektrik mavi. İkinci vurğu rəngi yoxdur.

   Bir rəngi dəyişmək lazım olsa — yalnız burada dəyişir, hər yerdə tətbiq olunur.
   ========================================================================== */

:root {
  /* ---------------------------------------------------------------- zəmin */
  --t-bg: #0b0b0c; /* səhifə zəmini */
  --t-surface: #141416; /* panel, kart, sahə */
  --t-surface-2: #1b1b1e; /* qalxmış səth, hover */
  --t-sunk: #080809; /* batmış sahə, input */

  /* ----------------------------------------------------------------- xətt */
  --t-line: #26262a; /* nazik ayırıcı */
  --t-line-2: #35353b; /* güclü ayırıcı, sərhəd */

  /* ----------------------------------------------------------------- mətn */
  --t-fg: #f2f2f3; /* əsas mətn — #0B0B0C üzərində 17.4:1 */
  --t-fg-2: #9a9aa0; /* ikinci dərəcə — 6.9:1 */
  --t-fg-3: #7c7c82; /* solgun etiket — ölçülüb: 4.73:1 */

  /* ---------------------------------------------------------------- vurğu */
  --t-ac: #3d7bff; /* elektrik mavi — qara üzərində 5.6:1 */
  --t-ac-hi: #6b9aff; /* hover, açıq variant — 8.4:1 */
  --t-ac-lo: #2560d6; /* basılmış hal */
  --t-ac-fg: #06070a; /* vurğu üzərində mətn — 5.6:1 */
  --t-ac-wash: rgba(61, 123, 255, 0.14); /* çox yüngül fon */

  /* --------------------------------------------------------------- vəziyyət */
  --t-ok: #45c07a;
  --t-warn: #d7a232;
  --t-err: #f0645a;

  /* ---------------------------------------------------------------- forma */
  --t-r: 2px; /* yeganə künc radiusu */
  --t-r-pill: 999px; /* yalnız nişan və dairəvi düymə */

  /* --------------------------------------------------------------- şrift */
  --t-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --t-ui: 'Bricolage', 'Segoe UI', system-ui, -apple-system, sans-serif;

  /* -------------------------------------------------------------- hərəkət */
  --t-fast: 130ms;
  --t-base: 200ms;
  --t-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* ------------------------------------------------------------------ şrift */
@font-face {
  font-family: 'Bricolage';
  src: url('/fonts/bricolage-grotesque.woff2') format('woff2-variations');
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: 'Bricolage';
  src: url('/fonts/bricolage-grotesque-ext.woff2') format('woff2-variations');
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F,
    U+2020, U+20A0-20AB, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fraunces';
  src: url('/fonts/fraunces.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: 'Fraunces';
  src: url('/fonts/fraunces-ext.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F,
    U+2020, U+20A0-20AB, U+2113, U+2C60-2C7F, U+A720-A7FF;
}