/* ═══════════════════════════════════════════════════════════════════════
   Mebel City Academy — Design Tokens (Duolingo-style)
   Prefiks: ac-  ·  LIGHT (:root) + DARK (:root[data-theme="dark"])
   data-theme toggle HAR DOIM ustun; prefers-color-scheme faqat fallback.
   Font: Nunito (spa.html'da <link> orqali yuklanadi).

   ── Struktura ──
   Universal tokenlar (gamifikatsiya ranglari, radius, spacing, motion, font)
   FAQAT :root'da e'lon qilinadi — ular BARCHA mavzularda bir xil bo'ladi.
   Dark/Light bloklari FAQAT yuza/matn (bg, text, border, glass, shadow,
   primary-bg) tokenlarini almashtiradi.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── LIGHT (default) + UNIVERSAL ── */
/* 2026-07-29: yuza/matn/border/soya qiymatlari hb-tokens.css bilan bir xil
   qilib qayta belgilandi (reskin, tuzilma o'zgarmadi) — Akademiya endi
   Bittada HRM shell ICHIDA ochiladi, shuning uchun tungi/kunduzgi rejim va
   rang palitrasi butun HRM bilan bir xil ko'rinishi kerak. --primary* ATAYLAB
   TEGILMAGAN — bu departament rangi (Academy.setPrimary), lime-accent bilan
   almashtirilmaydi. */
:root {
  color-scheme: light;

  /* Yuza / matn (LIGHT) — hb-tokens.css bilan bir xil */
  --bg:      #FFFFFF;
  --bg-2:    #F1EFE8;
  --bg-3:    #E4E1D6;
  --text:    #1B1A20;
  --text-2:  #6E6C76;
  --text-3:  #9B98A1;
  --border:  #E0DDD3;

  /* Glass / soya */
  --glass:     rgba(255,255,255,.90);
  --shadow-sm: 0 2px 8px rgba(90,80,60,.06);
  --shadow:    0 6px 14px rgba(90,80,60,.10);
  --shadow-lg: 0 14px 30px rgba(90,80,60,.14);

  /* ── Brend accent (Mebel City binafsha) — departament rangi bilan
     almashtiriladi (Academy.setPrimary). Route-map/aksentlar shundan. ── */
  --primary:       #6B4C6B;
  --primary-light: #8A6A8A;
  --primary-bg:    rgba(107,76,107,.10);
  --primary-edge:  #4E374E;
  --on-primary:    #FFFFFF;

  /* ── Gamifikatsiya / tizim ranglari (IKKALA mavzuda ham bir xil) ──
     Bu tokenlar dark blokda QAYTA e'lon qilinmaydi — kaskad orqali o'tadi. */
  --success:      #58CC02;   /* to'g'ri / yashil CTA */
  --success-d:    #4CAF00;   /* quyuqroq yashil */
  --success-edge: #58A700;   /* 3D tugma pastki qirrasi */
  --success-bg:   rgba(88,204,2,.14);

  --danger:       #FF4B4B;   /* xato */
  --danger-d:     #E63A3A;
  --danger-edge:  #D63A3A;
  --danger-bg:    rgba(255,75,75,.12);

  --warning:      #FF9600;
  --warning-bg:   rgba(255,150,0,.14);

  --info:         #1CB0F6;   /* ma'lumot ko'k */
  --info-edge:    #1597D6;
  --info-bg:      rgba(28,176,246,.14);

  --gold:         #FFC800;   /* XP oltin yulduz */
  --gold-edge:    #E0A800;
  --streak:       #FF9600;   /* streak olov */

  /* Radiuslar — Duolingo yumaloq/do'stona */
  --radius-sm:  10px;
  --radius-md:  16px;
  --radius-lg:  20px;
  --radius-xl:  28px;
  --radius-full: 9999px;

  /* Oraliqlar (spacing scale) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;

  /* Harakat */
  --ease:   cubic-bezier(.22,.8,.36,1);
  --bounce: cubic-bezier(.34,1.56,.64,1);   /* sakrash/pop uchun */
  --dur:    220ms;

  /* Font — Nunito (spa.html <link>), Inter/system zaxira */
  --font: 'Nunito', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

/* ── DARK: prefers-color-scheme fallback (JS init'gacha) ──
   data-theme="light" aniq belgilangan bo'lsa TEGMAYDI.
   FAQAT yuza/matn tokenlari — gamifikatsiya ranglari :root'dan meros. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg:      #1E1D24;
    --bg-2:    #29282F;
    --bg-3:    #35343C;
    --text:    #F5F4F7;
    --text-2:  #9B9AA3;
    --text-3:  #726F7A;
    --border:  #37363E;
    --glass:     rgba(30,29,36,.90);
    --shadow-sm: 0 2px 8px rgba(0,0,0,.28);
    --shadow:    0 6px 14px rgba(0,0,0,.28);
    --shadow-lg: 0 14px 30px rgba(0,0,0,.40);
    --primary-bg: rgba(138,106,138,.20);
  }
}

/* ── DARK: aniq tanlangan (toggle) — HAR DOIM ustun ── */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg:      #1E1D24;
  --bg-2:    #29282F;
  --bg-3:    #35343C;
  --text:    #F5F4F7;
  --text-2:  #9B9AA3;
  --text-3:  #726F7A;
  --border:  #37363E;
  --glass:     rgba(30,29,36,.90);
  --shadow-sm: 0 2px 8px rgba(0,0,0,.28);
  --shadow:    0 6px 14px rgba(0,0,0,.28);
  --shadow-lg: 0 14px 30px rgba(0,0,0,.40);
  --primary-bg: rgba(138,106,138,.20);
}

/* ── LIGHT: aniq tanlangan (toggle) — media dark'ni bosadi ── */
:root[data-theme="light"] {
  color-scheme: light;
  --bg:      #FFFFFF;
  --bg-2:    #F1EFE8;
  --bg-3:    #E4E1D6;
  --text:    #1B1A20;
  --text-2:  #6E6C76;
  --text-3:  #9B98A1;
  --border:  #E0DDD3;
  --glass:     rgba(255,255,255,.90);
  --shadow-sm: 0 2px 8px rgba(90,80,60,.06);
  --shadow:    0 6px 14px rgba(90,80,60,.10);
  --shadow-lg: 0 14px 30px rgba(90,80,60,.14);
  --primary-bg: rgba(107,76,107,.10);
}