/* ==========================================================================
   GRAUMANN · BOSH SAHIFA — «MANUFACT» STILISTIKASI
   Dizayn tili : manufact-wbs.framer.website (sanoat/ishlab chiqarish editorial)
   Shrift      : Outfit (14.09 dan; avval Century Gothic) — ʻ glifi ulangan
   Rang        : graumann-v2.vercel.app palitrasi
   Manba       : Figma «Bosh sahifa · Desktop 1440» (node 131-38421)
   ========================================================================== */

/* ---------- SHRIFT ----------
   14.09 · Otabek qarori: Century Gothic (Monotype, veb-litsenziyasiz) → avval JOST
   (yoqmadi) → **OUTFIT** (Google Fonts, OFL, geometrik). Fayllar oʻzimizda
   (shrift/outfit-*.woff2, variable 100–900, Google subsetlari latin · latin-ext).
   Outfit'da oʻzbekcha ʻ (U+02BB) yoʻq — outfit-latin.woff2 ga U+2019 konturi ulangan
   (tayyorla.py naqshi); ʼ (U+02BC) oʻzida bor. ⚠ Kirill YOʻQ — RU tarjimada system-ui
   zaxira ishlaydi yoki kirillli shrift (Onest/Inter) qoʻshiladi.
   Outfit x-balandligi (0.46) Century Gothic (0.53) dan past — body da
   font-size-adjust:0.48 (≈+4 %) bilan mayda matn oʻqiluvchanligi saqlanadi.
   Eski yuzlar (cg-*.woff2, jost-*.woff2) papkada turibdi — ortga qaytarish: git. */
/* OGʻIRLIK XARITASI (14.09, Otabek: «eskisida light edi, bunda medium boʻlib qolgan»).
   Shtrix oʻlchandi (‰ em, «l» harfi): Century Gothic 400=68 · 600=102 · 700=133;
   Outfit 300=70 · 450=100 · 600=132. Shuning uchun Outfit'dan 300/450/600 STATIK
   yuzlar chiqarilib (fontTools instancer) 400/600/700 sifatida ulanadi. Century Gothic'da
   500 yuzi yoʻq edi — CSS'dagi 500 lar regular boʻlib chiqardi; diapazonlar shuni takrorlaydi:
   100–500 → «400» yuzi · 501–650 → «600» · 651–900 → «700». Variable fayl (outfit-latin.woff2)
   papkada turibdi, ishlatilmaydi. */
/* 15.09 · TEZLIK: `size-adjust` — `body{font-size-adjust:.48}` ning oʻrnini bosadi.
   Oʻlchov: `font-size-adjust` butun sahifaga meros boʻlib tushib, har uslub
   qayta hisobida (RecalcStyle) 1 830 ms (mobil CPU da ~7 600 ms) yeyardi —
   sahifaning butun sekinligi shundan edi. `size-adjust` esa shrift yuklanganda
   BIR MARTA hisoblanadi. 102.137 % — oʻlchab olingan aynan ekvivalent
   (Outfit ning oʻz ex-nisbati 0.470 → 0.48 ga keltiriladi). */
@font-face{font-family:"Outfit";src:url("../shrift/outfit-400-latin.woff2") format("woff2");
  font-weight:100 500;font-style:normal;font-display:swap;size-adjust:102.137%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Outfit";src:url("../shrift/outfit-600-latin.woff2") format("woff2");
  font-weight:501 650;font-style:normal;font-display:swap;size-adjust:102.137%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Outfit";src:url("../shrift/outfit-700-latin.woff2") format("woff2");
  font-weight:651 900;font-style:normal;font-display:swap;size-adjust:102.137%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Outfit";src:url("../shrift/outfit-400-latin-ext.woff2") format("woff2");
  font-weight:100 500;font-style:normal;font-display:swap;size-adjust:102.137%;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Outfit";src:url("../shrift/outfit-600-latin-ext.woff2") format("woff2");
  font-weight:501 650;font-style:normal;font-display:swap;size-adjust:102.137%;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Outfit";src:url("../shrift/outfit-700-latin-ext.woff2") format("woff2");
  font-weight:651 900;font-style:normal;font-display:swap;size-adjust:102.137%;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  /* ---------- RANG · graumann-v2 dan ---------- */
  --navy:#01244C;          /* sarlavha · quyuq sirt */
  --navy-800:#02306A;      /* quyuq sirtdagi yorugʻroq qatlam */
  --ink:#0B2237;           /* asosiy matn */
  --slate:#55677A;         /* ikkilamchi matn */
  --oq:#FFFFFF;
  --canvas:#F2F6FB;        /* ikkinchi sirt — Manufact dagi #F6F6F6 oʻrni */
  --chiziq:#DCE5F0;        /* strukturaviy chiziq */
  --chiziq-ichki:#E7EDF5;  /* ichki qator chizigʻi */
  --chiziq-quyuq:rgba(255,255,255,.14);
  --blue-50:#E7EEF7;
  --blue-400:#3A97E0;      /* CTA — Otabek tanlagan, oʻzgarmaydi */
  --blue-500:#1E86D6;      /* hover · sarlavhadagi aksent soʻz */
  --blue-700:#1568AB;      /* bosilgan holat */

  /* Manufact tizimida aksent rang «belgi» sifatida ishlaydi:
     kvadrat nuqta, oʻq katagi, sarlavhadagi bitta ibora, raqamdagi «+». */
  --aksent:var(--blue-400);
  --aksent-matn:var(--blue-500);   /* faqat KATTA matn: sarlavhadagi urgʻu */
  --aksent-mayda:var(--blue-700);  /* mayda matn — AA uchun quyuqroq */

  /* ---------- SIRT POGʻONALARI ---------- */
  --pogona-1:var(--oq);
  --pogona-2:var(--canvas);
  --pogona-3:var(--navy);

  /* ---------- TIPOGRAFIKA ----------
     Manufact: katta, zich terilgan sarlavha (lh 1.0–1.1) + kichik kegllar.
     Century Gothic x-balandligi past — tana matni 16–18 px da oʻqiladi.
     Tracking hech qachon musbat emas (Otabekning doimiy qoidasi). */
  --shrift:"Outfit","Century Gothic",Futura,system-ui,-apple-system,sans-serif;
  --tracking:-.03em;
  --tracking-zich:-.038em;   /* katta sarlavhalar */
  --tracking-caps:.09em;     /* mayda CAPS yorliqlar — yagona istisno */

  --h1:clamp(36px,4.3vw,62px);   --h1-lh:1.02;
  --h2:clamp(30px,3.5vw,50px);   --h2-lh:1.06;
  --h2-kichik:clamp(26px,2.4vw,34px);
  --h3:clamp(21px,1.8vw,26px);   --h3-lh:1.16;
  --h4:19px;                     --h4-lh:1.3;
  --lid:clamp(16px,1.25vw,18px); --lid-lh:1.5;
  --tana:16px;                   --tana-lh:1.62;
  --kichik:14px;                 --kichik-lh:1.55;
  --mayda:12px;                  --mayda-lh:1.4;
  --raqam-katta:clamp(64px,9.4vw,146px);
  --raqam-orta:clamp(36px,4.4vw,66px);

  /* ---------- BOʻSHLIQ — 8px baza ---------- */
  --s1:4px;  --s2:8px;  --s3:12px; --s4:16px; --s5:20px;
  --s6:24px; --s8:32px; --s10:40px; --s12:48px; --s16:64px; --s20:80px;

  /* Manufact 1800 px da 200 px padding ishlatadi; bu yerda 1440 shkalasiga
     tushirilgan va Otabekning «120+ ishlatilmaydi» qoidasiga yaqinlashtirilgan. */
  --bolim-pad:clamp(64px,7.4vw,112px);
  --bolim-pad-kichik:clamp(48px,5.2vw,76px);

  /* ---------- RADIUS ----------
     Manufact imzosi — assimetrik «chamfer»: pastki oʻng burchak katta.
     Otabek qoidasi: na 0, na pill. */
  --r-nishon:6px;
  --r-kontrol:8px 8px 16px 8px;
  --r-karta:12px 12px 22px 12px;
  --r-konteyner:16px 16px 26px 16px;
  --r-media:14px 14px 28px 14px;
  --r-tekis:10px;

  /* ---------- KARKAS ---------- */
  --sahifa:min(1560px,100%);
  --chet:clamp(20px,5.2vw,88px);
  --grid-gap:24px;

  /* ---------- HARAKAT ---------- */
  --anim:280ms;
  --ease:cubic-bezier(.22,.61,.36,1);

}