/* ============================================================
   SOCETIFY V3 — tokenlar
   ------------------------------------------------------------
   Bu fayl yagona rang va o'lcham manbai. Komponentlarda qattiq
   yozilgan rang bo'lmasligi kerak — faqat var(--...).
   V2 dagi asosiy xato shu edi: 263 ta rang shablon ichida
   qattiq yozilgan va mavzuni almashtirib bo'lmasdi.

   Yorug' — asosiy. Qorong'i — qo'shimcha.
   Neytrallar ataylab iliq tomonga og'dirilgan: sof kulrang
   o'ylanmagan ko'rinadi, iliq kulrang qog'ozdek o'qiladi.
   ============================================================ */
:root {
  /* yuzalar */
  --paper:         #FBFAF7;
  --surface:       #FFFFFF;
  --surface-sunk:  #F4F2ED;
  --surface-hover: #F0EDE6;

  /* chiziqlar */
  --line:        #E4E0D7;
  --line-strong: #CFC9BC;

  /* siyoh — sof qora emas, ko'kka og'gan chuqur rang */
  --ink:      #1C2529;
  --ink-soft: #4A585E;
  --ink-dim:  #7C8A90;

  /* urg'u — ishkor ko'ki, to'yinganlikdan tushirilgan */
  --accent:       #14556B;
  --accent-hover: #0E4254;
  --accent-soft:  #E3EDF1;
  --accent-line:  #B7CFD8;

  /* Grafik ranglari. Holat ranglari (ok/warn/crit) va kanal ranglari
     band — ular ma'no tashiydi, shuning uchun grafik qatoriga
     ishlatilmaydi. Bu juftlik `validate_palette.js` ning oltita
     tekshiruvidan o'tgan: rang ko'rmaslikning uch turida ham ajraladi. */
  --chart-1: #3A86B5;
  --chart-2: #C86A2E;
  --chart-1-fill: #3A86B51F;
  --chart-2-fill: #C86A2E1F;
  --chart-grid: #E4E0D7;
  --on-accent:    #FFFFFF;

  /* semantik — urg'udan ATAYLAB alohida.
     Urg'u "bu muhim", semantik "bu qanday ketyapti" deydi. */
  --ok:        #2E7D52;
  --ok-soft:   #E4F0E9;
  --warn:      #9A6510;
  --warn-soft: #F7EDDA;
  --crit:      #A93B2C;
  --crit-soft: #F7E6E3;

  /* kanal belgilari — faqat nuqta uchun, logo yopishtirilmaydi */
  --tg: #2A7FA8;
  --ig: #A6417A;
  --fb: #29528C;
  --yt: #A6362B;

  /* radius */
  --r-sm: 4px;
  --r-md: 7px;
  --r-lg: 11px;

  /* soya — kam va yumshoq */
  --shadow-sm: 0 1px 2px rgba(28, 37, 41, .06);
  --shadow-md: 0 2px 10px rgba(28, 37, 41, .07);

  /* o'lchamlar */
  --rail: 208px;
  --context: 268px;
  --gutter: 22px;

  /* shrift */
  --f-display: "Archivo", "Segoe UI", system-ui, sans-serif;
  --f-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --f-mono: "IBM Plex Mono", "Consolas", monospace;

  --t-xs: 11px;
  --t-sm: 12.5px;
  --t-md: 14.5px;
  --t-lg: 15.5px;
  --t-h2: 15.5px;
  --t-h1: 25px;

  --dur: .15s;
  --ease: cubic-bezier(.4, 0, .2, 1);
}

/* Qorong'i mavzu. Faqat tokenlar qayta ta'riflanadi — komponentlarga
   tegilmaydi. Shuning uchun ikkinchi mavzu deyarli tekin. */
:root[data-theme="dark"] {
  --paper:         #14181A;
  --surface:       #1B2124;
  --surface-sunk:  #101416;
  --surface-hover: #232B2F;
  --line:          #2C3538;
  --line-strong:   #3E4A4E;
  --ink:      #E8EAE6;
  --ink-soft: #A8B4B8;
  --ink-dim:  #77858A;
  --accent:       #5EA9C4;
  --accent-hover: #7CBDD4;
  --accent-soft:  #17313B;
  --accent-line:  #2B5567;

  /* Qorong'i rejim ranglari yorug'ining aylantirilgani EMAS — ular
     qorong'i fonga qarab alohida tanlangan va qayta tekshirilgan. */
  --chart-1: #4E9AC8;
  --chart-2: #CE7838;
  --chart-1-fill: #4E9AC826;
  --chart-2-fill: #CE783826;
  --chart-grid: #2A343A;
  --on-accent:    #0B1417;
  --ok:        #62BE8C;
  --ok-soft:   #163023;
  --warn:      #D3A055;
  --warn-soft: #33270F;
  --crit:      #E08072;
  --crit-soft: #38201C;
  --tg: #6BB4D6;
  --ig: #D584B0;
  --fb: #7C9BD1;
  --yt: #DC8378;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
  --shadow-md: 0 2px 10px rgba(0, 0, 0, .35);
}