/* ============================================================
   TARGET INTERNATIONAL SCHOOL — dars materiallari uchun brend tizimi
   Manba: assets/target-logo.png  ·  navy #00214A  ·  qizil #FF1100

   Har bir dars sahifasi mustaqil HTML fayl (artifact sifatida ham
   ochiladi), shuning uchun bu fayl havola qilinmaydi — pastdagi
   bloklar yangi darsga NUSXA qilinadi. Manba shu yerda turadi.
   ============================================================ */

:root{
  --bg:#F7F9FC; --panel:#ECF1F8; --panel-2:#DDE6F2;
  --grid:rgba(0,33,74,.055);
  --ink:#00214A; --ink-2:#46587A; --ink-3:#8496B0;
  --rule:#CBD7E7;
  --accent:#FF1100;        /* grafik: chiziq, raqam, belgi */
  --accent-ink:#C21000;    /* matn: yorugʻ fonda oʻqilishi uchun toʻqroq */
  --accent-soft:#FFE7E3;
  --ok:#0B6B4F; --ok-soft:#DDF0E8;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#061530; --panel:#0E2249; --panel-2:#16305A;
    --grid:rgba(232,238,247,.05);
    --ink:#E9EFF8; --ink-2:#A2B4CE; --ink-3:#70859F;
    --rule:#1E3A63;
    --accent:#FF3B26; --accent-ink:#FF7563; --accent-soft:#3B140F;
    --ok:#7FD3B2; --ok-soft:#0F2E26;
  }
}
:root[data-theme="dark"]{
  --bg:#061530; --panel:#0E2249; --panel-2:#16305A;
  --grid:rgba(232,238,247,.05);
  --ink:#E9EFF8; --ink-2:#A2B4CE; --ink-3:#70859F;
  --rule:#1E3A63;
  --accent:#FF3B26; --accent-ink:#FF7563; --accent-soft:#3B140F;
  --ok:#7FD3B2; --ok-soft:#0F2E26;
}

/* Shriftlar
   sarlavha  Manrope 700/800   — logotipning geometrik shakliga yaqin
   matn      Source Sans 3
   texnik    JetBrains Mono    — vaqt, yorliq, prompt */

/* Logotip: ikkita <img>, mavzuga qarab biri koʻrinadi.
   background-image ISHLATILMAYDI — chop etishda fon rasmlar chiqmaydi. */
.brandmark{display:block; line-height:0}
.brandmark img{display:block; width:100%; height:auto}
.brandmark .on-dark{display:none}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .brandmark .on-light{display:none}
  :root:not([data-theme="light"]) .brandmark .on-dark{display:block}
}
:root[data-theme="dark"] .brandmark .on-light{display:none}
:root[data-theme="dark"] .brandmark .on-dark{display:block}
@media print{
  .brandmark .on-light{display:block !important}
  .brandmark .on-dark{display:none !important}
}

/* Brend chizigʻi: logotipdagi navy soʻz + qizil urgʻu tuzilishini takrorlaydi */
.brandrule{height:5px; background:linear-gradient(to right,
  var(--ink) 0 64%, var(--accent) 64% 100%)}

/* Scrollbar — brauzerning kulrang standarti brend bilan urishadi */
/* ---------- scrollbar: brend uslubida, ikkala mavzuda ham ---------- */
*{scrollbar-width:thin; scrollbar-color:var(--rule) transparent}
::-webkit-scrollbar{width:9px; height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--rule); border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}
::-webkit-scrollbar-corner{background:transparent}