/* ============================================================
   MASHITTA GARDEN — brend rang tokenlari
   YAGONA MANBA. Rangni o'zgartirish kerak bo'lsa — faqat shu fayl.
   Boshqa hech qaysi faylda hex/rgb yozilmasin.
   ============================================================ */

:root {
  /* Brauzerga native boshqaruvlarni (sana tanlagich,
     avtoto'ldirish, scrollbar) to'q rejimda chizishni aytadi.
     CSS bilan yetib bo'lmaydigan qismlarni shu hal qiladi. */
  color-scheme: dark;

  /* ---- 1-qatlam: brend palitrasi (10 ta token, o'zgarmas) ---- */
  --bg-deep:    #0E150D;   /* eng chuqur fon — sahifa asosi        */
  --bg-base:    #162015;   /* asosiy fon — panel/header            */
  --surface:    #1E2B1C;   /* karta yuzasi                         */
  --surface-2:  #2A3826;   /* ko'tarilgan yuza — modal, hover      */
  --leaf:       #475335;   /* chegara, ajratgich                   */
  --leaf-light: #657155;   /* susaygan matn, faol bo'lmagan ikona  */
  --gold:       #A98F58;   /* asosiy aksent                        */
  --gold-light: #C5B892;   /* ikkilamchi matn, yumshoq aksent      */
  --gold-hi:    #DAD2B4;   /* asosiy matn — eng yuqori kontrast    */
  --gold-dark:  #6B5A34;   /* bosilgan holat, to'q chegara         */

  /* ---- 2-qatlam: RGB triplet (alfa bilan ishlatish uchun) ----
     rgba(var(--gold-rgb), .2) ko'rinishida. color-mix() dan
     ko'ra keng qo'llab-quvvatlanadi (eski Android WebView ham). */
  --bg-deep-rgb:    14, 21, 13;
  --bg-base-rgb:    22, 32, 21;
  --surface-rgb:    30, 43, 28;
  --surface-2-rgb:  42, 56, 38;
  --leaf-rgb:       71, 83, 53;
  --leaf-light-rgb: 101, 113, 85;
  --gold-rgb:       169, 143, 88;
  --gold-light-rgb: 197, 184, 146;
  --gold-hi-rgb:    218, 210, 180;
  --gold-dark-rgb:  107, 90, 52;

  /* ---- 3-qatlam: semantik status ranglari ----
     ATAYLAB palitradan tashqarida. Bular bezak emas, xavfsizlik
     signali: xodim "o'chirish" ni "tasdiqlash" dan bir qarashda
     ajrata olishi kerak. Qiymatlar loyihada allaqachon mavjud
     bo'lgan ranglar — yangisi o'ylab topilmadi. */
  --ok:         #4caf50;
  --ok-soft:    #81c784;
  --ok-deep:    #2a7a2a;
  --danger:     #e84a3a;
  --danger-soft:#ff6b5b;
  --info:       #3b82f6;
  --warn:       #fbbf24;

  /* Status MATN variantlari — to'q fonda AA (raqamlar = eng yomon fon).
     Fon/nuqta uchun yuqoridagi to'yingan variantlar ishlatiladi. */
  --ok-text:     var(--ok-soft);   /* 6.2:1 */
  --danger-text: #fca5a5;          /* 6.5:1 */
  --info-text:   #93c5fd;          /* 6.9:1 */
  --warn-text:   var(--warn);      /* 7.4:1 */

  --ok-rgb:     76, 175, 80;
  --danger-rgb: 232, 74, 58;
  --info-rgb:   59, 130, 246;


  /* ---- Matn darajalari (WCAG AA tekshirilgan) ----
     Raqamlar = eng yomon fondagi (surface-2) kontrast nisbati. */
  --text-1: var(--gold-hi);                    /* asosiy      8.2:1 */
  --text-2: var(--gold-light);                 /* ikkilamchi  6.3:1 */
  --text-3: rgba(var(--gold-hi-rgb), .70);     /* susaygan    4.9:1 */
  --text-disabled: var(--leaf-light);          /* o'chirilgan 2.4:1 —
     WCAG o'chirilgan boshqaruvlarni kontrast talabidan ozod qiladi,
     shuning uchun bu ATAYLAB past. Faol matn uchun ISHLATMANG. */

  /* ---- 4-qatlam: eski nomlar bilan ko'prik ----
     Loyihada allaqachon yuzlab var(--gold), var(--cream), var(--dark)
     ishlatilgan. Ularni shu yerda qayta ta'riflaymiz — natijada
     har bir eski chaqiruv avtomatik yangi palitraga o'tadi va
     yuzlab qatorni qo'lda tahrirlash shart bo'lmaydi. */
  --dark:       var(--bg-deep);
  --dark-2:     var(--bg-base);
  --dark-3:     var(--surface);
  --card:       var(--surface);
  --card-2:     var(--surface-2);
  --card-adm:   var(--surface);
  --gold-2:     var(--gold-light);
  --gold-3:     var(--gold-light);
  --gold-glow:  rgba(var(--gold-rgb), .22);
  --cream:      var(--gold-hi);
  --cream-dim:  var(--gold-light);
  --muted:      var(--text-3);
  --muted-adm:  var(--text-3);
  --line:       rgba(var(--gold-rgb), .16);
  --line-2:     rgba(var(--gold-rgb), .10);
  --veg:        var(--ok);
  --nonveg:     var(--danger);
  --success:    var(--ok);
  --blue:       var(--info);
  --accent:     var(--gold);
  --accent-2:   var(--gold-dark);
}


/* ============================================================
   KUNDUZGI (YORUG') REJIM — data-theme="light"
   Faqat 1-qatlam (10 rang) + 2-qatlam (RGB) qayta e'lon qilinadi.
   Qolgan barcha token (--dark, --line, --cream, --gold-2 ...)
   var() orqali avtomatik shu qiymatlarga o'tadi. Status ranglari
   (ok/danger/info) ATAYLAB o'zgarmaydi — ikki rejimда bir xil signal.
   Rollar saqlanadi: gold-hi = asosiy matn, bg-deep = sahifa foni.
   ============================================================ */
:root[data-theme="light"] {
  color-scheme: light;

  --bg-deep:    #F2EEE3;   /* sahifa foni — issiq krem      */
  --bg-base:    #FAF7EF;   /* header/panel                  */
  --surface:    #FFFFFF;   /* karta                         */
  --surface-2:  #ECE5D5;   /* ko'tarilgan yuza, hover       */
  --leaf:       #D9D0BB;   /* chegara                       */
  --leaf-light: #6F6B57;   /* susaygan matn                 */
  --gold:       #8A6A2A;   /* aksent — to'q bronza          */
  --gold-light: #574B2E;   /* ikkilamchi matn — to'q zaytun */
  --gold-hi:    #2B3120;   /* asosiy matn — chuqur yashil   */
  --gold-dark:  #6E5626;   /* bosilgan holat, to'q chegara  */

  --bg-deep-rgb:    242, 238, 227;
  --bg-base-rgb:    250, 247, 239;
  --surface-rgb:    255, 255, 255;
  --surface-2-rgb:  236, 229, 213;
  --leaf-rgb:       217, 208, 187;
  --leaf-light-rgb: 111, 107, 87;
  --gold-rgb:       138, 106, 42;
  --gold-light-rgb: 87, 75, 46;
  --gold-hi-rgb:    43, 49, 32;
  --gold-dark-rgb:  110, 86, 38;

  /* Yorug'да chegara biroz aniqroq bo'lsin (krem fonda .16 juda sust) */
  --line:   rgba(var(--gold-rgb), .22);
  --line-2: rgba(var(--gold-rgb), .14);
}