/* =====================================================================
   BOSS International School — dizayn tokenlari (emerald / oq-birinchi)
   ---------------------------------------------------------------------
   Uslub manbai: foydalanuvchi bergan stil promti (2026-08-27).
     · Oq-birinchi: fon #ffffff, bo'lim oralig'i #f7f9fa, quyuq blok #161b20
     · Aksent emerald #059669 — FAQAT asosiy tugma, aktiv nav, havola,
       reyting raqamlari uchun
     · Neytrallar sovuq ko'k-kulrang (slate), hech qachon iliq bej
     · Gradient, tekstura, og'ir soya YO'Q — 1px hairline + juda yengil soya

   AKSENT BO'YICHA MUHIM O'LCHOV: #059669 oq fonda 3.77:1 — yirik element
   (aktiv nav chizig'i, katta mono raqam) uchun yetadi, oddiy matnga yetmaydi.
   Shuning uchun rol ajratilgan:
     --boss-accent      #059669  — yirik/dekorativ joylar
     --boss-primary     #047857  — tugma foni va havola matni (5.48:1 AA)
   Ikkalasi ham emerald — ko'z farqni sezmaydi, gate esa o'tadi.

   O'ZGARTIRISHDAN OLDIN:
       python scripts/ui/contrast.py home/static/stat/css/boss.tokens.css
   ===================================================================== */

:root{
  color-scheme: light;

  /* --- Emerald shkala --- */
  --c-em-50:  #ecfdf5;
  --c-em-100: #d1fae5;
  --c-em-400: #34d399;
  --c-em-500: #10b981;
  --c-em-600: #059669;   /* promtdagi aksent */
  --c-em-700: #047857;   /* matn/tugma darajasi (AA) */
  --c-em-800: #065f46;

  /* --- Sovuq slate neytrallar --- */
  --c-n-50:  #f7f9fa;    /* promtdagi bo'lim foni */
  --c-n-100: #eef1f4;
  --c-n-200: #e4e8ec;    /* promtdagi hairline */
  --c-n-300: #cbd3db;
  --c-n-400: #94a3b8;
  --c-n-500: #64748b;
  --c-n-600: #475569;
  --c-n-700: #334155;
  --c-n-800: #1e293b;
  --c-n-900: #0f172a;

  /* --- Semantik --- */
  --c-success: #059669;
  --c-warning: #b45309;
  --c-error:   #dc2626;
  --c-success-soft: #ecfdf5;
  --c-warning-soft: #fef3e2;
  --c-error-soft:   #fdeaea;

  /* --- Rol tokenlari --- */
  --boss-accent:         var(--c-em-600);  /* yirik: aktiv nav, katta raqam, eyebrow */
  --boss-primary:        var(--c-em-700);  /* tugma foni, havola matni */
  --boss-primary-rgb:    4, 120, 87;
  --boss-primary-hover:  var(--c-em-800);
  --boss-primary-soft:   var(--c-em-50);
  --boss-on-primary:     #ffffff;          /* 5.48:1 emerald-700 da */

  --boss-bg:             #ffffff;          /* oq-birinchi */
  --boss-surface:        #ffffff;
  --boss-soft:           var(--c-n-50);
  --boss-ink:            var(--c-n-900);   /* 17.85:1 */
  --boss-muted:          var(--c-n-600);   /* 7.58:1 */
  --boss-hairline:       var(--c-n-200);
  --boss-link:           var(--c-em-700);
  --boss-link-hover:     var(--c-em-800);

  /* Quyuq blok (aloqa/CTA) — promtdan #161b20. Tun rejimiga bog'lanmaydi:
     u har ikki rejimda ham quyuq turadi. */
  --band-bg:             #161b20;
  --band-fg:             #ffffff;
  --band-rule:           rgb(255 255 255 / .14);
  --band-muted:          rgb(255 255 255 / .66);
  --band-accent:         var(--c-em-400);  /* 9.01:1 quyuq blokda */

  /* --- Spacing: 4px baza --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;

  --section-pad-s: clamp(2.5rem, 5vw, 3.5rem);
  --section-pad-m: clamp(3.5rem, 7vw, 5.5rem);
  --section-pad-l: clamp(4.5rem, 9vw, 7rem);

  /* --- Burchak: o'tkir/minimal (promt: 4-8px, maks 12) --- */
  --radius-1: 4px;
  --radius-2: 8px;
  --radius-3: 12px;
  --radius-pill: 999px;

  /* --- Soya: past intensivlik, tarqalmagan --- */
  --shadow-1: 0 1px 2px rgb(15 23 42 / .05);
  --shadow-2: 0 4px 12px rgb(15 23 42 / .07);
  --rule: 1px solid var(--boss-hairline);

  /* --- Tipografika: Outfit + JetBrains Mono --- */
  --font-sans: Outfit, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-h3: 1.125rem;
  --fs-h2: clamp(1.6rem, 3vw, 2.25rem);          /* ≈36px */
  --fs-h1: clamp(2.25rem, 5vw, 3.75rem);         /* ≈60px */
  --lh-tight: 1.08;
  --lh-body: 1.6;
  --measure: 62ch;
  --track-tight: -0.025em;   /* promt: -0.02…-0.03em */
  --track-label: 0.1em;      /* BOSH HARF eyebrow/jadval sarlavhasi */

  --page-max: 1200px;        /* promt: kontent 1200px */
  --page-gutter: 32px;       /* promt: yon padding 32px */

  /* --- Animatsiya: funksional va tez (promt) --- */
  --dur-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 280ms;
  --ease: cubic-bezier(.22, 1, .36, 1);

  --focus-ring: 2px solid var(--boss-primary);

  /* --------------------------------------------------------------
     ESKI NOMLAR — alias. Boshqa public sahifalar var(--brand) va
     shunga o'xshashlarni chaqiradi; ular bir-bir ko'chirilguncha tirik.
     -------------------------------------------------------------- */
  --brand:     var(--boss-primary);
  --brand2:    var(--boss-accent);
  --bg:        var(--boss-bg);
  --surface:   var(--boss-surface);
  --soft:      var(--boss-soft);
  --ink:       var(--boss-ink);
  --muted:     var(--boss-muted);
  --hairline:  var(--boss-hairline);
  --shadow:      var(--shadow-2);
  --shadow-soft: var(--shadow-1);
  --nav-bg:     rgb(255 255 255 / .92);
  --nav-border: var(--boss-hairline);
  --control-bg: rgb(255 255 255 / .72);

  /* Eski komponent fayllari uchun */
  --boss-accent-hover: var(--c-em-500);
  --boss-accent-soft:  var(--c-em-50);
  --boss-on-accent:    var(--c-n-900);
  --boss-accent-text:  var(--c-em-700);
  --rule-strong: 1px solid var(--boss-ink);
  --track-display: var(--track-tight);
  --fs-display: var(--fs-h1);
}

/* =====================================================================
   TUN REJIMI — promtda yo'q, lekin saytda tema tugmasi bor.
   Sovuq slate qorong'i fon, emerald bir pog'ona ochroq.
   ===================================================================== */
html[data-theme="dark"]{
  color-scheme: dark;

  --boss-accent:         var(--c-em-400);  /* 9.73:1 */
  --boss-primary:        var(--c-em-400);
  --boss-primary-rgb:    52, 211, 153;
  --boss-primary-hover:  #6ee7b7;
  --boss-primary-soft:   #10231c;
  --boss-on-primary:     #081210;          /* och emerald ustida to'q matn */

  --boss-bg:             #101219;
  --boss-surface:        #171b23;
  --boss-soft:           #1c212b;
  --boss-ink:            #e2e8f0;          /* 15.17:1 */
  --boss-muted:          var(--c-n-400);   /* 7.30:1 */
  --boss-hairline:       rgb(255 255 255 / .12);
  --boss-link:           var(--c-em-400);
  --boss-link-hover:     #6ee7b7;

  /* Quyuq blok tunda fondan bir pog'ona ochroq yuza bo'ladi */
  --band-bg:             #1b202a;
  --band-fg:             #e2e8f0;
  --band-rule:           rgb(255 255 255 / .14);
  --band-muted:          rgb(255 255 255 / .62);
  --band-accent:         var(--c-em-400);

  --c-success-soft: #10231c;
  --c-warning-soft: #2a2113;
  --c-error-soft:   #2b1518;

  --shadow-1: none;
  --shadow-2: none;

  --nav-bg:     rgb(16 18 25 / .92);
  --nav-border: rgb(255 255 255 / .12);
  --control-bg: rgb(255 255 255 / .06);

  --boss-accent-hover: #6ee7b7;
  --boss-accent-soft:  #10231c;
  --boss-on-accent:    #081210;
  --boss-accent-text:  var(--c-em-400);
}