/* AVTOMATIK YASALGAN — qo'lda tahrirlanmaydi. Manba: Claude Design (yangi dizayn), dizayn-tokenlari.css.
   Generator: scripts/site_css.py */
/* XizmatGo24 — dizayn tokenlari (web/styles.css dagi asosiy :root bloki).
   Ranglar, shriftlar, oraliqlar, radiuslar, soyalar, animatsiya davomiyligi. */

:root{
  color-scheme:light;

  /* ---------- 1. SHRIFT OILASI --------------------------------------- */
  --font-ui:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --num-tabular:tabular-nums;

  /* ---------- 2. RANG — YORUG' ----------------------------------------
     Sirtlar: fon #f4f6fa (ekranlar), karta oq. Chiziq ikki xil: hairline
     ajratgich #eef1f6 (varaq qatorlari) va boshqaruv chegarasi #d3dff1
     (chip, maydon, varaq tutqichi — ekranlarda 1.5px). Bu chegara oq
     bilan 1.35:1 — dizaynning ATAYLAB yumshoq tanlovi; holatni fokus
     halqasi (2px brend + 4px halo) va to'ldirish beradi.               */
  --c-bg:#f4f6fa;
  --c-surface:#ffffff;
  --c-surface-2:#e6edfa;   /* segment treki, ikkilamchi sirt (Phone) */
  --c-surface-3:#d2dff3;   /* bosilgan holat, disabled tugma foni */
  --c-art-bg:#ffffff;      /* chizma rasmlar tagligi — ikkala mavzuda oq */
  --c-line:#eef1f6;        /* hairline ajratgich */
  --c-line-strong:#d3dff1; /* chip/maydon chegarasi, tutqich */
  --c-line-interactive:#d3dff1; /* bosiladigan element chegarasi (ekranlar) */
  --c-grab:#d3dff1;        /* varaq tutqichi (LangSheet) */
  --c-field-sep:var(--c-grab); /* maydon ichidagi ajratgich (Phone «+998 |») */
  --c-seg-thumb:#ffffff;   /* segment trekidagi tanlangan plashka (Phone) */
  --c-outline:#3f7bc4;     /* ikkilamchi (outline) tugma halqasi — 4.34:1 */
  --c-ink:#111826;         /* asosiy matn — oq ustida 17.76:1 */
  --c-ink-2:#384356;       /* ikkilamchi matn */
  --c-ink-3:#5f6b7c;       /* xira: fon ustida 5.0:1, --c-surface-2 da 4.6:1 */
  --c-ink-muted:var(--c-ink-3);
  --c-ink-disabled:#4f5b6b;/* disabled tugma matni --c-surface-3 da 5.13:1 */
  /* theme.css semantik juftliklari (README «Maxsus qoidalar»):
     --elevated — to'q tugma, toast, banner; ustidagi matn IKKALA
     mavzuda oq. --inverse — tanlangan kichik pill; qorong'ida OCH. */
  --c-elevated:#111826;    /* theme.css --elevated */
  --c-on-elevated:#ffffff; /* --c-elevated ustidagi matn */
  --c-toast-link:#9cc2ff;  /* Toast (10.11) amal havolasi — ikkala mavzuda bir xil (dark-map: o'zgarmaydi) */
  --c-inverse:#111826;     /* theme.css --inverse */
  --c-on-inverse:#ffffff;  /* theme.css --on-inverse */
  --c-brand:#1a6ce8;       /* brend TO'LDIRISH (tugma, tanlangan chip, belgi) */
  --c-brand-press:#1560d6; /* bosilgan / hover */
  --c-brand-text:#1a6ce8;  /* brend rangidagi belgi/faol yorliq (matn sifatida) */
  --c-brand-ink:#0e4aa8;   /* ko'k MATN va havola — oq ustida 8.19:1 */
  --c-link:var(--c-brand-ink); /* theme.css --link — havola matni */
  --c-brand-soft:#e8f0fd;  /* tint fon: ikonka uyasi, tonal tugma */
  --c-brand-bg:var(--c-brand-soft);
  --c-brand-line:#a9c6f5;
  --c-on-brand:#ffffff;
  /* Asosiy tugma: uch bosqichli gradient + ichki yaltiroq chiziq + soya
     (Welcome/Phone/Name… — 75 ta ekranda aynan shu). */
  --c-brand-grad:linear-gradient(180deg,#2d7cf2 0%,#1a6ce8 55%,#1560d6 100%);
  --c-sheen:rgba(255,255,255,.32); /* tugma ustidan o'tadigan yaltirash */
  --c-money:var(--c-ink);  /* narx — ekranlarda siyoh rangida, 700 */
  --c-money-soft:#fff5e4;
  /* Holat uchliklari: fon + chegara + matn (+ to'liq fon). */
  --c-ok:#12653a;   --c-ok-soft:#e4f1e6;
  --c-ok-bg:var(--c-ok-soft); --c-ok-line:#7fb894; --c-ok-ink:var(--c-ok); --c-ok-fill:var(--c-ok);
  --c-warn:#7a4a00; --c-warn-soft:#fff5e4; /* theme.css --warning-text */
  --c-warn-bg:var(--c-warn-soft); --c-warn-line:#c79a4e; --c-warn-ink:var(--c-warn); --c-warn-fill:var(--c-warn);
  --c-bad:#a22118;  --c-bad-ink:#a22118; --c-bad-soft:#fbe9e5;
  --c-bad-bg:var(--c-bad-soft); --c-bad-line:#d98e84; --c-bad-fill:var(--c-bad);
  --c-on-fill:#ffffff;
  /* Grafik to'ldirishlar (belgi doirasi) — ustida faqat ikonka. */
  --c-success:#2f9e44; --c-danger:#e03e3e; --c-accent:#f5a524;
  --c-on-signal:#ffffff; --c-on-accent:#111826; /* ikkala mavzuda bir xil */
  --c-focus:#0e4aa8;                   /* fokus halqasi (3px, 2px masofa) */
  --c-focus-halo:rgba(26,108,232,.12); /* maydon fokusidagi 4px halo */
  --c-overlay:rgba(11,18,32,.45);      /* varaq ortidagi parda */
  --c-overlay-strong:rgba(11,18,32,.55); /* dialog ortidagi parda */
  --blur-overlay:3px;                  /* FAQAT parda — doimiy panellarda emas */
  /* Skeleton ekrani: gradient #e6ebf2 → #f3f6fa → #e6ebf2. */
  --c-skel:#e6ebf2;                    /* skeleton asosi */
  --skel-hi:#f3f6fa;                   /* skeleton yaltirog'i */
  /* Holat plitkasi (Offline): neytral gradient + ichki oq chiziq. */
  --c-tile-neutral:linear-gradient(150deg,#eef2f7 0%,#dde4ee 100%);
  --e-tile:inset 0 0 0 1px rgba(255,255,255,.7);
  --map-tile-filter:none;              /* xarita plitkalari — qorong'ida qorayadi */
  --c-track:#bed5f4;                   /* yo'l chizig'ining bo'sh qismi */
  /* Tanlagich (select) o'qi — xira siyoh rangida (--c-ink-3). */
  --i-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f6b7c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");

  /* ---------- 2b. TOIFA PLITALARI — pastel fonlar --------------------
     Bosh sahifadagi to'rda har toifa o'z rangi bilan tanilsin: fon JUDA
     och, chunki ustida rangli 3D illyustratsiya turadi va matn EMAS.
     Qo'shni kartalar bir-biriga o'xshamasin deb ranglar to'r tartibida
     (6 ustun) navbatlashtirilgan: ko'k, binafsha, yashil, amber, mint,
     pushti — keyin keyingi qator boshqa oilalardan.

     NOM: `--cat-bg-<kod>` — RANG. Pastdagi `--tile:48px` esa O'LCHAM
     (kartadagi kasb ikonkasi kvadrati) va bunga aloqasi yo'q; ikkisi
     `--tile-<kod>` deb bir xil boshlanib adashtirgani uchun ranglar
     qayta nomlandi.

     daily #EFEAFE edi — it_ofis (#EEE9FB) bilan deyarli bitta rang:
     dE00 0.78, to'plamdagi eng yaqin juftlik. Hue 255° -> 276° (+20°,
     S va L o'sha): endi 2.93 (qorong'i jufti 0.58 -> 2.60). -20° emas —
     u daily ni talim (231°) ga yopishtirardi (0.53).

     qurilish #FFF2D5 edi — maxsus_texnika (#F8F1DA) bilan 5 ustunli
     to'rda (900–1100px) tepa-past qo'shni: dE00 2.82, qorong'i jufti
     1.36. Xuddi shu usul — hue 41° -> 60° (+18°, S va L o'sha): endi
     7.13 (qorong'i 4.71). Qurilishning har qo'shnisi (2..6 ustun) endi
     yorug'da >= 7.13, qorong'ida >= 4.71; eng yaqin qo'shni bo'lmagani
     brigadalar (6.93 / 2.63). -20° emas — u qurilish ni yuk_tashish ga
     (4 ustunda qo'shni) yopishtirardi: qorong'ida 2.32.              */
  --cat-bg-hourly:#E9F0FF;           --cat-bg-daily:#F6EAFE;
  --cat-bg-qishloq_xojaligi:#E7F7E9; --cat-bg-qurilish:#FFFFD5;
  --cat-bg-uy_xizmatlari:#E1F6F1;    --cat-bg-parvarish_xiz:#FFE9F0;
  --cat-bg-avto:#E4F1FE;             --cat-bg-yuk_tashish:#FFECDB;
  --cat-bg-maxsus_texnika:#F8F1DA;   --cat-bg-duradgorlik:#F5EADB;
  --cat-bg-tibbiy:#E2F5FA;           --cat-bg-talim:#E8EBFD;
  --cat-bg-it_ofis:#EEE9FB;          --cat-bg-gozallik:#FCE9F5;
  --cat-bg-xavfsizlik:#E6EEF6;       --cat-bg-brigadalar:#F1F3DF;
  --cat-bg-firmalar:#EBEFF4;         --cat-bg-veterinariya:#E3F5EC;

  /* ---------- 2c. XIZMAT PLITKALARI (`svc-tile`) — Claude Design `Main`
     (2.1) / `AllCats` (2.3) / `Search2` / `PostType` (2.2). Har ohang —
     ikki bosqichli pastel gradient (kartada) + o'sha rangdagi nur
     ikonka ortida. Qorong'ida karta NEYTRAL (README «Kategoriya
     plitkalari»: rang faqat nurda qoladi) — bundan mustasno `slate`,
     u o'zi neytral ohang bo'lgani uchun o'z ko'kish tusini saqlaydi
     (html/dark/Main.html: qurilish/duradgorlik kartasi). */
  --tone-red-0:#fdeeed;    --tone-red-1:#fbd8d6;    --tone-red-rgb:224,62,62;
  --tone-blue-0:#e8f1fe;   --tone-blue-1:#d3e4fd;   --tone-blue-rgb:26,108,232;
  --tone-green-0:#e9f7ec;  --tone-green-1:#d4f0dc;  --tone-green-rgb:47,158,68;
  --tone-slate-0:#eef2f7;  --tone-slate-1:#dde4ee;  --tone-slate-rgb:71,85,105;
  --tone-pink-0:#fdeef3;   --tone-pink-1:#fbd9e5;   --tone-pink-rgb:214,51,108;
  --tone-amber-0:#fff5e4;  --tone-amber-1:#ffe7c2;  --tone-amber-rgb:232,137,12;
  --tone-teal-0:#e4f7f4;   --tone-teal-1:#cdefe9;   --tone-teal-rgb:12,148,136;
  --tone-violet-0:#f1ecfe; --tone-violet-1:#e0d8fd; --tone-violet-rgb:112,72,232;
  --tone-glow-a:.20; --tone-shadow-a:.28;
  --svc-tile-line:rgba(255,255,255,.65); --svc-tile-shadow:rgba(16,24,40,.04);

  /* ---------- 3. TIPOGRAFIKA (ekranlardan: 12–17px, sarlavha 20–28px) - */
  --fs-100:12px;   /* izoh, nishon — undan past TAQIQ */
  --fs-200:13px;   /* yorliq, chip, meta */
  --fs-250:14px;   /* toast, dialog matni, segment */
  --fs-300:15px;   /* asosiy matn */
  --fs-350:16px;   /* tugma, maydon, varaq qatori */
  --fs-400:17px;   /* karta sarlavhasi */
  --fs-500:20px;   /* varaq/dialog sarlavhasi */
  --fs-600:26px;   /* ekran sarlavhasi (h1) */
  --fs-700:28px;   /* hero sarlavha (Welcome) */
  --fs-disp:38px;  /* displey raqam */
  --fs-input:max(16px,var(--fs-350)); /* MOBIL input — iOS zoom bo'lmasin */
  --fw-regular:400; --fw-medium:500; --fw-semi:600; --fw-bold:700;
  --lh-tight:1.15; /* sarlavhalar */
  --lh-snug:1.4;   /* karta sarlavhasi, tugma */
  --lh-base:1.5;   /* asosiy matn */
  --ls-tight:-.02em;   /* varaq/dialog sarlavhasi */
  --ls-title:-.025em;  /* ekran sarlavhasi */
  --ls-btn:-.005em;    /* tugma yozuvi */
  --ls-wide:.03em;

  /* ---------- 4. BO'SHLIQ: 8px grid + dizayndagi yarim qadamlar ------- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:20px; --sp-6:24px; --sp-7:32px; --sp-8:48px;
  --sp-1h:6px;   /* yorliq va maydon orasi */
  --sp-2h:10px;  /* varaqning ustki to'ldirmasi */
  --sp-3h:14px;  /* chip/maydon/toast ichki yon to'ldirmasi, varaq oralig'i */

  /* ---------- 5. RADIUS ------------------------------------------------
     kichik element 10 · tugma/maydon/ichki blok 14 · karta 18 ·
     varaq va dialog 28 · chip pill.                                       */
  --r-1:10px; --r-2:14px; --r-3:18px; --r-4:28px; --r-full:999px;
  --r-seg:12px; --r-seg-item:9px; /* segment treki va tanlangan bandi */
  --r-toast:16px;  /* xabarnoma */
  --c-toast-fav:#d6336c; /* Toast: yurakcha doirasi; «Bekor qilish» havolasi — --c-toast-link (ikkala mavzuda bir xil) */

  /* ---------- 6. SOYA ------------------------------------------------- */
  --e-1:0 1px 2px rgba(16,24,40,.06);
  --e-2:0 2px 8px rgba(16,24,40,.08),0 1px 2px rgba(16,24,40,.05);
  --e-3:0 20px 48px rgba(16,24,40,.18);
  --e-card:0 1px 2px rgba(16,24,40,.05);          /* karta (18px) */
  --e-seg:0 1px 2px rgba(16,24,40,.08);           /* tanlangan segment */
  --e-brand:inset 0 1px 0 rgba(255,255,255,.22),0 8px 20px rgba(26,108,232,.30);
  --e-sheet:0 -12px 48px rgba(16,24,40,.22);      /* pastki varaq */
  --e-dialog:0 30px 70px rgba(16,24,40,.32);      /* markaziy dialog */
  --e-toast:0 12px 30px rgba(16,24,40,.3);
  --e-card-float:0 16px 44px rgba(16,24,40,.24); /* UpdateBanner — suzuvchi karta */
  /* Pullik (TOP) karta: brend chegara ICHKARIDAN qalinlashadi. */
  --e-top-ring:inset 0 0 0 var(--bw-1) var(--c-brand);

  /* ---------- 7. HARAKAT (Motion ekrani) -------------------------------
     asosiy egri chiziq .22,1,.36,1; prujina .34,1.45,.64,1; varaq
     .2,.9,.25,1 (oxirida yengil sakraydi); xabarnoma .2,.8,.3,1.         */
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-in:cubic-bezier(.4,0,.68,.06);   /* chiqish */
  --ease-pop:cubic-bezier(.34,1.45,.64,1);/* prujina: bosish qaytishi, belgi */
  --ease-sheet:cubic-bezier(.2,.9,.25,1);
  --ease-toast:cubic-bezier(.2,.8,.3,1);
  --dur-1:120ms;        /* bosish (0.96), hover, fokus */
  --dur-2:200ms;        /* tab chizig'i, mayda holat almashishi */
  --dur-3:420ms;        /* yangi sahifa, dialog */
  --dur-enter:550ms;    /* kirish: blur bilan fade-up */
  --dur-sheet:550ms;    /* pastki varaq (prujina bilan) */
  --dur-overlay:300ms;  /* parda qorayishi */
  --dur-out:240ms;      /* dialog/varaq yopilishi */
  --dur-toast-in:520ms; --dur-toast-out:560ms;
  --dur-sheen:1100ms; --dur-sheen-delay:900ms; /* asosiy tugma yaltirashi */
  --dur-spin:800ms;     /* tugma spinneri aylanishi */
  --dur-caret:1100ms;   /* kod katagidagi kursor miltillashi */
  --dur-shimmer:1600ms; /* skeleton yaltirashi (dizayn: xg-shimmer 1.6s linear) */
  --dur-stag:40ms;      /* kartalar kaskadi */
  --dur-cascade:60ms;   /* ekran bloklari kaskadi */
  --press:.96;          /* bosilganda kichrayish */
  --rise:16px;          /* fade-up masofasi */
  --rise-blur:4px;      /* fade-up boshidagi xiralik */
  --push:44px;          /* yangi sahifa o'ngdan siljishi */

  /* ---------- 8. O'LCHAM ----------------------------------------------- */
  --h-tap:44px;         /* MUTLAQ minimum teginish nishoni */
  --h-control:48px;     /* ro'yxat qatori, dialog tugmasi */
  --h-btn:52px;         /* asosiy tugma */
  --h-field:52px;       /* maydon (input) */
  --h-field-sep:22px;   /* maydon ichidagi vertikal ajratgich (Phone) */
  --h-cta:52px;         /* yopishqoq pastki paneldagi asosiy tugma */
  --h-control-sm:40px;  /* ro'yxat ichidagi tugma */
  --h-chip:36px;        /* chip; urish maydoni ::after bilan 44px */
  --h-seg:36px;         /* segment bandi */
  --h-close:36px;       /* varaq/dialog yopish doirasi */
  --h-header:56px;      /* yuqori panel QATORINING balandligi (.mk-bar) */
  /* Yopishqoq yuqori panelning HAQIQIY balandligi — app.js `.mk-header` ni
     o'lchab `<html>` ga yozadi; bu — birinchi kadr uchun zaxira. */
  --h-sticky-top:calc(var(--h-header) + var(--bw-1));
  /* Pastki menyu (Main/Ishchi): 6 + band 52 + 14 + 1px chiziq (+ safe-area). */
  --h-nav-item:52px; --sp-nav-gap:3px; --w-nav-pill:40px; --h-nav-pill:28px;
  --h-nav:calc(var(--sp-1h) + var(--h-nav-item) + var(--sp-3h) + var(--bw-1));
  /* Suzuvchi qatlam (yangilanish paneli) pastdan qancha tepada: UpdateBanner `bottom:96px` = menyu 73 + 23. */
  --float-b:calc(var(--h-nav) + 23px + env(safe-area-inset-bottom));
  /* Sehrgar CTA panelining balandligi — birinchi kadr uchun zaxira;
     aniq qiymatni onboarding.js O'LCHAB `<html>` ga yozadi.          */
  --wiz-cta-h:calc(var(--h-cta) + 2*var(--sp-3) + var(--bw-1) + env(safe-area-inset-bottom));
  --icon-1:16px; --icon-2:20px; --icon-3:24px; --icon-4:32px;
  --tile:48px;          /* kartadagi kasb ikonkasi kvadrati */
  --tile-lg:64px;       /* bo'sh/xato holati plitkasi */
  --logo:36px;          /* yuqori paneldagi belgi (Main/Desktop) */
  /* Logo yozuvining mavzuga mos varianti (lockup.svg / lockup-dark.svg). */
  --lockup-l:block; --lockup-d:none;
  --bw-1:1px; --bw-ring:1.5px; --bw-2:2px;
  --w-grab:40px; --h-grab:5px; /* varaq tutqichi */
  --toast-top:14px;     /* xabarnoma tepadan (safe-area ustiga) */
  --toast-drop:40px;    /* xabarnoma tushib keladigan masofa */
  --h-map-feed:min(62vh,560px);
  --h-map-detail:216px; /* tafsilot oynasidagi «Ish joyi» xaritasi */
  --focus-w:3px;        /* fokus halqasi (dizayn: 3px #0e4aa8) */
  --focus-offset:2px;
  --halo:4px;           /* maydon fokusidagi tashqi halo */

  /* ---------- 9. QATLAMLAR (boshqa raqam ishlatilmaydi) --------------- */
  --z-raise:1; --z-sticky:100; --z-header:200; --z-nav:300;
  --z-sheet:800; --z-modal:900; --z-toast:1000;

  /* ---------- 10. KARKAS ----------------------------------------------- */
  --w-page:1120px; --w-read:640px; --w-rail:264px;
  /* Desktop ko'rinishi hali chizilmagan sahifalar (profil, ishchilar, e'lonlar) bitta tor ustunda
     qoladi. AVVAL har biri o'zicha 600px va `margin:auto` edi — ustun ekran markaziga tushib,
     yuqoridagi tablar bilan bir chiziqda turmasdi. Endi bitta o'lcham va CHAPGA tekislangan. */
  --w-col:600px;
  --w-card:336px;  /* `.row-card` ustunining eng tor eni */
  --w-auth:408px;  /* kirish kartasi */
  --w-cta:180px;   /* sehrgar "Davom etish" minimal eni */
  --w-toast:420px; /* xabarnoma eni (desktop) */
  --w-modal:760px; /* desktop dialog eni */
  --pad-page:16px;
  /* Katta monitorda `body{zoom}` ishlaydi, viewport birliklari esa
     masshtabga BO'YSUNMAYDI — to'liq ekran `calc(100dvh / var(--zoom))`. */
  --zoom:1;

  /* ---------- 11. IMZO: yo'l chizig'i ---------------------------------- */
  --rule-h:6px; --rule-gap:3px; --rule-node:12px;
  --c-track-line:var(--c-ink-3); /* chiziq cheti — "qancha qoldi" */

  /* ---------- 13. KIRISH VA SEHRGAR (1-bosqich B) ----------------------
     Splash, Intro, Welcome, Phone, EmailIn, Otp, EmailOtp, Role, Name,
     Geo, Region, PickRegion/PickDistrict — qiymatlar
     `design/html/light/<Ekran>.html` dan, qorong'i jufti `html/dark/` dan
     (pastdagi --dk-*). Illyustratsiya soyalari `filter` (drop-shadow)
     bo'lib yoziladi: ular SVG ichidagi shakllarga tushadi.             */
  --c-splash-grad:radial-gradient(120% 90% at 80% 0%,#4f95ff 0%,#1a6ce8 45%,#0e4aa8 100%);
  --c-splash-glow:radial-gradient(circle,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 60%);
  --c-on-brand-2:rgba(255,255,255,.85); /* splash izohi (ikkala mavzuda) */
  --c-logo-accent:#ff9f1a;   /* belgidagi to'q sariq chiziq (mark.svg) */
  --c-divider:#e3e9f2;       /* «yoki» chiziqlari (Phone/EmailIn) */
  --c-search-ring:#e3e9f2;   /* varaqdagi qidiruv halqasi (PickRegion) */
  --c-clear-bg:#dfe5ee;      /* qidiruvni tozalash doirasi (PickProf) */
  --c-check-off:#c3cfdf;     /* ko'p tanlov katakchasi, bo'sh (PickSkill) */
  --c-dot-off:#c3cfdf;       /* Intro nuqtasi, nofaol */
  --c-progress-track:#e3eaf4;
  --c-progress-grad:linear-gradient(90deg,#7ab0ff 0%,#1a6ce8 100%);
  --c-progress-sheen:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.6),rgba(255,255,255,0));
  --c-pick-sel:#eef4fe;      /* tanlangan karta tinti (Role/Name) */
  --c-art-green:#f0f9f2; --c-art-amber:#fff7ea; /* rol plitalari */
  --c-halo-blue:#e8f1fe; --c-halo-amber:#fff5e4; --c-halo-green:#e9f7ec; /* Intro halosi */
  --c-halo-fade:rgba(255,255,255,0);
  --c-pulse:rgba(26,108,232,.28);     /* «siz shu yerdasiz» to'lqini */
  --c-pin-shadow:rgba(16,24,40,.22);
  --c-live-dot:#7ed6a0;               /* «Usta yo'lda» nuqtasi */
  /* Kirish 32-versiya — `html/light` <-> `html/dark` juftlari:
     OtpLimit/EmailOtpLimit (halqa, o'chiq katak, ogohlantirish),
     PhoneAdd (to'g'ri raqam belgisi), FirmSignup (tanlangan plitka),
     HireCats (plitka tinti, bo'sh belgi, panelli CTA), GeoDenied. */
  --c-limit-track:#fde3cf; --c-limit-ring:#e8890c;
  --c-limit-cell:#eef1f5; --c-limit-cell-ring:#e3e9f2;
  --c-limit-note:#fff1dc; --c-limit-note-ink:#7a4300;
  --c-ok-icon:#2f9e44;
  --c-chip-sel:#f3f7fe;
  --c-check-ring:rgba(17,24,38,.18); --c-check-fill:rgba(255,255,255,.6);
  --c-cta-panel:rgba(255,255,255,.95); --e-cta-panel:0 -1px 0 rgba(17,24,38,.06);
  --c-tint-red:#fdf1f1; --c-tint-blue:#eef4fe; --c-tint-green:#f0f9f2; --c-tint-slate:#f2f4f7;
  --c-tint-pink:#fdf1f5; --c-tint-amber:#fff7ea; --c-tint-teal:#eefaf8; --c-tint-violet:#f4f1fe;
  --c-gd-art:linear-gradient(160deg,#eef4fe,#d3e4fd);
  --c-denied:#e03e3e;
  --fs-550:24px;  /* OtpLimit sarlavhasi */
  --fs-code-sm:22px; --h-code-sm:54px; /* PhoneAdd/OtpLimit kataklari */
  --ring-limit:120px; --w-ring:8px;
  --r-gd:30px; --tile-gd:96px; --img-gd:64px; --h-gd-x:34px;
  --h-firm-chip:58px; --h-hire:104px; --img-hire:42px; --h-hire-check:18px; --h-hire-check-on:20px;
  --sp-firm:13px; /* FirmSignup bloklari oralig'i (dizayn) */
  --e-round:0 1px 2px rgba(16,24,40,.06),0 2px 8px rgba(16,24,40,.06); /* yumaloq «Orqaga» */
  --e-pick-sel:0 8px 24px rgba(26,108,232,.14);
  --e-art:inset 0 0 0 1px rgba(17,24,38,.05),0 1px 2px rgba(16,24,40,.04),0 6px 16px rgba(16,24,40,.04);
  --e-status:0 8px 20px rgba(16,24,40,.25);
  --e-brand-flat:0 8px 20px rgba(26,108,232,.3); /* Intro «Keyingi» */
  --f-3d:drop-shadow(0 20px 26px rgba(16,24,40,.18));  /* Intro 3D ikonka */
  --f-me:drop-shadow(0 4px 10px rgba(16,24,40,.25));   /* joylashuv nuqtasi */
  --f-float:drop-shadow(0 4px 12px rgba(16,24,40,.18)); /* Geo pufakchalari */
  --f-mover:drop-shadow(0 6px 16px rgba(16,24,40,.22)); /* yo'ldagi usta */
  /* o'lchamlar */
  --fs-450:18px;  /* rol kartasi nomi */
  --fs-code:24px; /* kod katagi */
  --fs-splash:30px;
  --lh-hero:1.12; --lh-sub:1.45; --lh-note:1.45;
  --lh-label:normal; /* dizaynda qator bo'yi berilmagan joylar (yorliq, izoh,
                        «yoki», kartochkalar) — shriftning o'z «normal»i */
  --ls-hero:-.03em; --ls-card:-.015em;
  --sp-hair:2px; --sp-4h:18px; --sp-5h:22px; --sp-cta-b:28px; --sp-7h:28px;
  --r-card-sm:16px; --r-card-lg:20px; --r-5:24px; --r-hero:32px; --r-icon-tile:22px; --r-check:7px;
  --h-btn-lg:54px; --h-code:56px; --h-gender:64px; --h-status:40px; --h-opt:50px;
  --h-clear:28px; --h-chip-sm:32px; --h-dot:8px; --w-dot-on:22px; --h-check:24px;
  --h-check-on:26px; --h-check-sm:22px; --h-caret:26px;
  --tile-art:76px; --img-art:60px; --tile-av:42px; --img-av:38px; --tile-xl:72px;
  --w-lockup:176px; --h-lockup:30px;
  --splash-mark:120px; --splash-glow:520px; --splash-lift:40px;
  --intro-halo:230px; --intro-img:150px; --intro-gap:112px;
  --h-hero:420px; --h-hero-min:300px; --h-geo-art:260px;
  --h-sheet:700px; --w-picker:480px; --w-welcome:440px;
  --stroke-ui:2;  /* dizayndagi UI ikonkalari (orqaga, belgi, izoh) */
  /* Welcome illyustratsiyasi: «3 ta ariza» kartochkasi, avatarlar, narx
     belgisi (html/light|dark/Welcome.html). */
  --e-float-card:0 10px 30px rgba(16,24,40,.14);
  --e-av:0 4px 12px rgba(16,24,40,.18);
  --e-price:0 4px 14px rgba(16,24,40,.18);
  --av-teal:linear-gradient(160deg,#c9e7e4 0%,#91cec9 100%);
  --av-teal-0:#c9e7e4; --av-teal-1:#91cec9; /* SVG gradienti (yo'ldagi usta) */
  --av-amber:linear-gradient(160deg,#f9e5c9 0%,#f4c991 100%);
  --av-violet:linear-gradient(160deg,#dfd6f9 0%,#beacf4 100%);
  --av-blue:linear-gradient(160deg,#ccdef9 0%,#97bcf4 100%); /* pastki menyu «Profil» */
  --nav-av-worker:#0c9488;                                   /* pastki menyu «Profil», ishchi rejimi (ikkala mavzuda) */
  --fs-75:11px;   /* dizayndagi eng mayda yozuv: pastki menyu, «2 daqiqada» */
  --w-overlap:30px; /* Welcome: matn bloki xaritaning so'nish qismiga kiradi */
  --h-price:32px; --h-av-sm:28px; --img-av-lg:33px; --h-price-ico:24px; --img-price:18px;
  --d-cards:1800ms; --d-price:2300ms; --dur-pop-md2:450ms;
  /* Ilova qobig'i (telefon): pastki menyu, bosh sahifa paneli, Menyu varag'i. */
  --c-nav-bg:rgba(255,255,255,.92); --c-nav-line:rgba(17,24,38,.06); --blur-nav:16px;
  --c-nav-pill:linear-gradient(180deg,#3d86f5 0%,#1a6ce8 100%);
  --e-nav-pill:0 4px 10px rgba(26,108,232,.35);
  --e-round-sm:0 1px 2px rgba(16,24,40,.06),0 2px 8px rgba(16,24,40,.05);
  --c-dot-red:#e03131; --h-dot-sm:7px; --m-dot-t:9px; --m-dot-r:10px;
  --fs-50:10px;   /* pastki menyu avatari ichidagi bosh harflar (24px doira) */
  --h-bar-profile:52px;
  --tile-amber:linear-gradient(150deg,#fff5e4 0%,#ffe7c2 100%);
  --tile-blue:linear-gradient(150deg,#e8f1fe 0%,#d3e4fd 100%);
  --tile-rose:linear-gradient(150deg,#fdeef3 0%,#fbd9e5 100%);
  --tile-indigo:linear-gradient(150deg,#ebeefd 0%,#d9defa 100%);
  /* Notif: holat (tracking) plitkasi — dizayndagi qizil ohang. */
  --tile-red:linear-gradient(150deg,#fdeeed 0%,#fbd8d6 100%);
  /* UpdateBanner: raketa plitkasi. */
  --tile-rocket:linear-gradient(160deg,#eef4fe 0%,#d3e4fd 100%);
  --e-menu-ico:inset 0 0 0 1px rgba(255,255,255,.55);
  --r-menu-ico:11px; --img-menu:26px; --d-menu:120ms; --d-menu-step:35ms;
  /* Welcome sahnasi (375x420 dizayn koordinatasi, `foreignObject`). */
  --w-stage:375px; --w-apps-y:180px; --w-price-x:170px; --w-price-y:244px;
  --w-price-dx:60px; --av-ring:3px; --ls-price:-.01em;
  /* harakat — Splash/Welcome/Geo ketma-ketliklari (dizayndagi soniyalar) */
  --d-overlay-in:50ms; /* oyna/varaq kirish kechikishi (dizayn 0.05s) */
  --dur-pop:600ms; --dur-pop-sm:350ms; --dur-pop-md:400ms; --dur-pop-lg:500ms;
  --dur-draw:1400ms; --dur-draw-a:450ms; --dur-draw-b:250ms;
  --dur-drop:700ms; --dur-pulse:2200ms; --dur-blink:1200ms; --dur-bounce:1100ms;
  --dur-push:450ms; --dur-icon-in:700ms; --dur-bob:2800ms; --dur-status:500ms;
  --dur-grow:800ms; --dur-sheen-loop:2800ms; --dur-dot:300ms; --dur-caret-sm:1000ms;
  --d-splash-1:100ms; --d-splash-2:550ms; --d-splash-3:950ms; --d-splash-4:1250ms;
  --d-splash-5:1400ms; --d-splash-6:1600ms; --d-bounce:160ms; --d-splash-max:8000ms;
  --d-w-1:300ms; --d-w-2:400ms; --d-w-3:500ms; --d-w-4:600ms; --d-w-5:750ms;
  --d-route:300ms; --d-pin:200ms; --d-mover:1600ms; --d-status:1200ms; --d-sheen:1100ms;
  --stg-1:50ms; --stg-2:120ms; --stg-3:180ms; --stg-4:220ms; --stg-5:280ms;
  --stg-6:320ms; --stg-7:360ms; --stg-8:450ms; --stg-9:600ms; --stg-10:750ms;
  --d-geo-1:600ms; --d-geo-2:800ms; --d-geo-3:1000ms; --d-geo-4:1200ms;
  --d-bob-2:600ms; --d-bob-3:1200ms; --d-bob-4:300ms;
  --z-intro:950; --z-splash:1100;

  /* ---------- 12. QORONG'I QIYMATLAR — faqat saqlash uchun -------------
     Bu yerda hech narsa qo'llanmaydi; pastdagi IKKALA kirish nuqtasi
     shulardan o'qiydi. Manba (26-versiya): `design/tokens/theme.css`
     `[data-theme="dark"]` (Grafit) — bor rollar AYNAN shu yerdan:
     --text-2 #c0c3c6, --line-strong #36383b (maydon/chip halqasi),
     --surface-selected #36383b, --elevated #2c2e31, --inverse #e5e8ec.
     theme.css da yo'q rollar — `design/tokens/dark-map.json` va
     `design/html/dark/<Ekran>.html` dan juftlab (masalan segment treki
     #e6edfa -> #202a3b, varaq tutqichi #d3dff1 -> #213048, skeleton
     #e6ebf2/#f3f6fa -> #2b2d30/#0d0e11). tokens.json `dark` ESKIRGAN.
     Dizayn qorong'ida BREND TO'LDIRISHNI o'zgartirmaydi: tugma gradienti,
     #1a6ce8, #1560d6 va oq yozuv o'sha — shuning uchun ular bu yerda yo'q.
     Brend rangi MATN/belgi bo'lib kelganda esa och ko'k (#93bcfd) bo'ladi —
     `--c-brand-text`. Karta — halqa emas, qora soya (0 1px 2px 19%).
     Dizayndan ONGLI og'ish: fokus halqasi. Ekranlar qorong'ida ham
     #0e4aa8 qoldirgan — u #0d0e11 ustida 2.36:1 (WCAG 2.4.11 uchun 3:1
     kerak), shuning uchun qorong'ida brend matni rangi (#94bcfd, 9.99:1).
     Dizaynda yo'q holatlar (disabled, bosilgan, holat chegaralari) shu
     palitradan chiqarilgan:
       --dk-surface-3 #2c2e31 (theme.css --elevated) — ustida
       --dk-ink-disabled 5.07:1.                                           */
  --dk-bg:#0d0e11; --dk-surface:#181a1c; --dk-surface-2:#202a3b; --dk-surface-3:#2c2e31;
  --dk-seg-thumb:#36383b;
  --dk-line:#2b2d30; --dk-line-strong:#36383b;
  --dk-line-interactive:#36383b; --dk-grab:#213048;
  --dk-ink:#eef1f5; --dk-ink-2:#c0c3c6; --dk-ink-3:#9c9ea2;
  --dk-ink-disabled:#9c9ea2;
  --dk-elevated:#2c2e31; --dk-inverse:#e5e8ec; --dk-on-inverse:#0d0e11;
  --dk-track-line:var(--dk-ink-3);
  --dk-brand-text:#93bcfd; --dk-brand-ink:#94bcfd;
  --dk-brand-soft:#1f293a; --dk-brand-line:#213453;
  --dk-sheen:rgba(255,255,255,.04);
  --dk-money-soft:#33270f;
  --dk-ok:#83ce9d;  --dk-ok-soft:#1d2e20; --dk-ok-line:#2e6144;
  --dk-warn:#e5af73; --dk-warn-soft:#33270f; --dk-warn-line:#6a5426;
  --dk-bad:#fd9d8f; --dk-bad-ink:#fd9d8f; --dk-bad-soft:#39231e; --dk-bad-line:#6b342c;
  --dk-on-fill:#0d0e11;
  --dk-focus:#94bcfd;
  --dk-focus-halo:rgba(26,108,232,.16);
  --dk-overlay:rgba(0,0,0,.65);
  --dk-overlay-strong:rgba(0,0,0,.75);
  --dk-skel:#2b2d30;
  --dk-skel-hi:#0d0e11;
  --dk-c-tile-neutral:linear-gradient(150deg,#25272a 0%,#222e3f 100%);
  --dk-e-tile:inset 0 0 0 1px rgba(255,255,255,.06);
  --dk-track:#1a3558;
  --dk-e-1:0 1px 2px rgba(0,0,0,.21);
  --dk-e-2:0 2px 8px rgba(0,0,0,.26),0 1px 2px rgba(0,0,0,.19);
  --dk-e-3:0 20px 48px rgba(0,0,0,.48);
  --dk-e-card:0 1px 2px rgba(0,0,0,.19);
  --dk-e-seg:0 1px 2px rgba(0,0,0,.75);
  --dk-e-brand:inset 0 1px 0 rgba(255,255,255,.06),0 8px 20px rgba(26,108,232,.39);
  --dk-e-sheet:0 -12px 48px rgba(0,0,0,.56);
  --dk-e-dialog:0 30px 70px rgba(0,0,0,.75);
  --dk-e-toast:0 12px 30px rgba(0,0,0,.74);
  --dk-e-card-float:0 16px 44px rgba(0,0,0,.61);
  --dk-map-tile-filter:invert(1) hue-rotate(180deg) brightness(.9) contrast(.9);
  --dk-lockup-l:none; --dk-lockup-d:block;
  /* 13. Kirish va sehrgar — `html/dark/<Ekran>.html` juftlari. */
  --dk-divider:#202c3d; --dk-search-ring:#2f3134; --dk-clear-bg:#222d3f;
  --dk-check-off:#404245; --dk-dot-off:#27384d; --dk-progress-track:#202c3c;
  --dk-progress-sheen:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.07),rgba(255,255,255,.03));
  --dk-pick-sel:#1f293a;
  --dk-art-green:#1b2e20; --dk-art-amber:#322714;
  --dk-halo-blue:#1e293a; --dk-halo-amber:#33270f; --dk-halo-green:#1b2e20;
  --dk-halo-fade:rgba(255,255,255,.03);
  --dk-pulse:rgba(26,108,232,.42); --dk-pin-shadow:rgba(0,0,0,.42); --dk-live-dot:#024a29;
  --dk-limit-track:#3f240c; --dk-limit-cell:#26282b; --dk-limit-cell-ring:#2f3134;
  --dk-limit-note:#362508; --dk-limit-note-ink:#eaab75; --dk-ok-icon:#74d47f;
  --dk-chip-sel:#0d0e11;
  --dk-check-ring:rgba(0,0,0,.48); --dk-check-fill:rgba(255,255,255,.07);
  --dk-cta-panel:rgba(24,26,28,.9); --dk-e-cta-panel:0 -1px 0 rgba(0,0,0,.21);
  --dk-tint-red:#382222; --dk-tint-blue:#1f293a; --dk-tint-green:#1b2e20; --dk-tint-slate:#0d0e11;
  --dk-tint-pink:#37222a; --dk-tint-amber:#322714; --dk-tint-teal:#122f2b; --dk-tint-violet:#2a2538;
  --dk-gd-art:linear-gradient(160deg,#222427,#1b1d20);
  --dk-e-round:0 1px 2px rgba(0,0,0,.21),0 2px 8px rgba(0,0,0,.21);
  --dk-e-pick-sel:0 8px 24px rgba(26,108,232,.18);
  --dk-e-art:inset 0 0 0 1px rgba(0,0,0,.19),0 1px 2px rgba(0,0,0,.17),0 6px 16px rgba(0,0,0,.17);
  --dk-e-status:0 8px 20px rgba(0,0,0,.63);
  --dk-e-brand-flat:0 8px 20px rgba(26,108,232,.39);
  --dk-e-float-card:0 10px 30px rgba(0,0,0,.39);
  --dk-e-av:0 4px 12px rgba(0,0,0,.48);
  --dk-e-price:0 4px 14px rgba(0,0,0,.48);
  --dk-av-neutral:linear-gradient(160deg,#222427 0%,#1b1d20 100%);
  --dk-av-teal-0:#222427; --dk-av-teal-1:#1b1d20;
  --dk-av-violet:linear-gradient(160deg,#34294d 0%,#beacf4 100%);
  --dk-av-blue:linear-gradient(160deg,#1b3050 0%,#97bcf4 100%);
  --dk-nav-bg:rgba(24,26,28,.9); --dk-nav-line:rgba(0,0,0,.26);
  --dk-e-nav-pill:0 4px 10px rgba(26,108,232,.45);
  --dk-e-round-sm:0 1px 2px rgba(0,0,0,.21),0 2px 8px rgba(0,0,0,.19);
  --dk-tile-cat:linear-gradient(150deg,#222427 0%,#1b1d20 100%);
  --dk-e-menu-ico:inset 0 0 0 1px rgba(255,255,255,.05);
  --dk-f-3d:drop-shadow(0 20px 26px rgba(0,0,0,.48));
  --dk-f-me:drop-shadow(0 4px 10px rgba(0,0,0,.63));
  --dk-f-float:drop-shadow(0 4px 12px rgba(0,0,0,.48));
  --dk-f-mover:drop-shadow(0 6px 16px rgba(0,0,0,.56));
  --dk-i-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239c9ea2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  /* Toifa plitalari — qorong'i juftliklar. HAR BIRI YORUG' juftidan
     chiqariladi, "shunchaki qoraytirish" emas:
       hue — yorug' pastelning hue'i AYNAN (toifa rangi shu);
       S   — yorug'dagi xroma TARTIBI 14..24% ga ko'chirilgan;
       L   — yorug'dagi yorqinlik TARTIBI 15..18% ga ko'chirilgan.
     S ni hammaga bir xil berish mumkin emas edi: yorug'da farq qiladigan
     juftliklar (daily/it_ofis, maxsus/duradgorlik) qorong'ida bitta
     rangga yopishib qolardi.

     1-DARVOZA — fon vs karta sirti (--dk-surface) >= 1.10:1.
     Oldingi to'lqin fonni qoraytirib aynan shuni buzgan edi:
       uy_xizmatlari #0B1F20 -> 1.001:1, talim #151A35 -> 1.001:1,
       hourly #181E30 -> 1.029:1 — plita kartaga qo'shilib ketgandi.
     Dizayn sirti (#181a1c) bilan: eng pasti 1.17:1 (it_ofis), eng balandi 1.32:1 (qurilish).

     2-DARVOZA — ikonka bo'laklari, pastdagi «Toifa ikonkalari (cats3d)»
     izohiga qarang.

     RITM: yorug' to'plamda qo'shni plitalar orasidagi dE00 medianasi
     12.96. Bu yerda 12.10 — ya'ni qorong'ida ham SHU ritm. Brief S ni
     10..14% deb taklif qilgandi, lekin o'lchov bo'yicha u medianani
     7.84 ga tushiradi (yorug'dan 38% yassiroq) — aynan M2 tuzatmoqchi
     bo'lgan "hammasi bir xil" holati. Shuning uchun 14..24%.         */
  --dk-cat-bg-hourly:#262B36;           --dk-cat-bg-daily:#2F2636;
  --dk-cat-bg-qishloq_xojaligi:#243226; --dk-cat-bg-qurilish:#31311E;
  --dk-cat-bg-uy_xizmatlari:#21302C;    --dk-cat-bg-parvarish_xiz:#36262B;
  --dk-cat-bg-avto:#242C34;             --dk-cat-bg-yuk_tashish:#332920;
  --dk-cat-bg-maxsus_texnika:#2F2B1F;   --dk-cat-bg-duradgorlik:#2E271F;
  --dk-cat-bg-tibbiy:#222F32;           --dk-cat-bg-talim:#252735;
  --dk-cat-bg-it_ofis:#292534;          --dk-cat-bg-gozallik:#35252F;
  --dk-cat-bg-xavfsizlik:#232A31;       --dk-cat-bg-brigadalar:#2C2E20;
  --dk-cat-bg-firmalar:#292E36;         --dk-cat-bg-veterinariya:#223029;
}