/* Nomzod AI dizayn tokenlari — SAYT VA MINI APP UCHUN YAGONA MANBA.
 *
 * NEGA BITTA FAYL. Ikki yuza mustaqil yozilgan edi va ranglar jimgina
 * ajralib ketdi: ko'k `#2A6BEB` va `#0061FC`, matn `#17181A` va
 * `#001543`, fon `#F2F4F8` va `#F7F8FA`. Bironta qiymat mos kelmasdi,
 * lekin hammasi bir-biriga yaqin edi — ya'ni bu qaror emas, tarqalish.
 *
 * Google'dan sayt katalogiga tushgan odam u yerdan botga o'tadi. O'sha
 * o'tishda ikkala yuza bitta mahsulotga o'xshashi kerak.
 *
 * BU FAYL `nomzod-jobs/landing/` da yashaydi va `nomzod-bot` ga
 * KO'CHIRILADI (`tools/sync-tokens.sh`). Bot nusxasi qo'lda
 * tahrirlanmaydi; ajralish `tests/test_tokens_sync.py` bilan ushlanadi.
 * Bu `shared/` bilan bir xil naqsh.
 *
 * QORONG'I REJIM ATAYLAB BOSHQA. Sayt chuqur navy fonda, Mini App esa
 * Telegram'ning o'z fonida (`#17212B`) turadi: chat ichida saytning
 * `#070C18` foni begona ko'rinardi. Ilova buni O'ZI, shu fayldan keyin
 * qayta belgilaydi — sabab o'sha yerda yozilgan.
 */

:root {
  /* --- brend: hech qachon rejimga qarab o'zgarmaydi --- */
  --ink:      #17181A;
  --navy:     #001342;

  /* --- yorug' rejim --- */
  --blue:     #2A6BEB;
  --blue-2:   #1B4FBF;

  --bg:       #F2F4F8;
  --surface:  #FFFFFF;
  --surface-2:#EDF0F6;
  --line:     #DDE3EE;
  --line-2:   #C9D2E3;

  --text:     #17181A;
  --text-2:   #4A5468;
  --text-3:   #79839A;

  --ok:       #0E8A5F;
  --ok-bg:    #E4F5EE;
  --warn:     #96590C;
  --warn-bg:  #FBF1DF;
  --danger:   #C0261B;
  --danger-bg:#FDECEA;
  --accent-bg:#E8EFFE;

  --skeleton: #E7EBF2;
  --skeleton-2:#DDE3EC;
  --overlay:  #0F1B2D66;

  --shadow:   0 1px 2px rgba(0, 19, 66, .05), 0 8px 24px -12px rgba(0, 19, 66, .16);
  --shadow-lg:0 2px 4px rgba(0, 19, 66, .06), 0 28px 60px -28px rgba(0, 19, 66, .30);

  /* --- tipografika ---
   *
   * Matn shrifti IKKALA yuzada bir xil. Ilgari sayt IBM Plex Sans,
   * ilova esa Inter ishlatardi — bitta mahsulot uchun to'rtta shrift
   * oilasi yuklanardi.
   *
   * Inter tanlandi: kichik o'lchamda arzon ekranlarda o'qiladi, kirill
   * harflari to'liq (rus tilidagi lavozimlar uchun kerak) va ilovada
   * allaqachon ishlatilyapti — ya'ni mahsulot yuzasi o'zgarmaydi,
   * faqat sayt unga keladi.
   *
   * Manrope — FAQAT sarlavha va katta raqamlar uchun, faqat saytda.
   * Ilova uni yuklamaydi va `--disp` u yerda `--sans` ga tushadi.
   *
   * Mono TIZIMNIKI: raqam ustunlari uchun alohida shrift yuklashga
   * arzimaydi — bu sekin mobil internetda bekor kilobayt.
   */
  --sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --disp: 'Manrope', var(--sans);
  --mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace;

  /* --- shakl ---
   * Bitta shkala. Ilgari sayt 12/8, ilova esa 16/14/10/20 ishlatardi.
   */
  --r-sm: 10px;
  --r:    14px;
  --r-lg: 20px;
}

/* --- qorong'i rejim: SAYT ---------------------------------------------
 *
 * Uch holat, uchalasi ham kerak: aniq tanlov `data-theme` qo'yadi,
 * standart «tizim bo'yicha» esa HECH NARSA qo'ymaydi — u yerda faqat
 * `prefers-color-scheme` ajratadi.
 */
:root:not([data-theme="light"]) { color-scheme: light; }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg:       #070C18;
    --surface:  #0E1526;
    --surface-2:#141D33;
    --line:     #1F2A44;
    --line-2:   #2C3A5C;
    --text:     #EAEEF7;
    --text-2:   #A3AEC6;
    --text-3:   #6F7C99;
    --blue:     #5B8DF5;
    --blue-2:   #7BA5F8;
    --ok:       #34C48C;
    --ok-bg:    #0D2A20;
    --warn:     #E8B45C;
    --warn-bg:  #2E2616;
    --danger:   #F58C82;
    --danger-bg:#33191A;
    --accent-bg:#12203C;
    --skeleton: #26323E;
    --skeleton-2:#2E3B48;
    --overlay:  #00000099;
    --shadow:   0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
    --shadow-lg:0 2px 4px rgba(0,0,0,.4), 0 28px 60px -28px rgba(0,0,0,.8);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg:       #070C18;
  --surface:  #0E1526;
  --surface-2:#141D33;
  --line:     #1F2A44;
  --line-2:   #2C3A5C;
  --text:     #EAEEF7;
  --text-2:   #A3AEC6;
  --text-3:   #6F7C99;
  --blue:     #5B8DF5;
  --blue-2:   #7BA5F8;
  --ok:       #34C48C;
  --ok-bg:    #0D2A20;
  --warn:     #E8B45C;
  --warn-bg:  #2E2616;
  --danger:   #F58C82;
  --danger-bg:#33191A;
  --accent-bg:#12203C;
  --skeleton: #26323E;
  --skeleton-2:#2E3B48;
  --overlay:  #00000099;
  --shadow:   0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
  --shadow-lg:0 2px 4px rgba(0,0,0,.4), 0 28px 60px -28px rgba(0,0,0,.8);
}