/* ══════════════════════════════════════════════════════════════════
   COGNITA SOFT INTELLIGENCE UI — dizayn tokenlari
   Yagona haqiqat manbai: rang, masofa, radius, tipografika, harakat.
   Prinsip: soft surfaces + intelligent spacing + subtle depth + minimal accents.

   MUHIM: pastdagi "eski nomlar" bloki mavjud sahifalar (doska, grafika,
   hamyon, admin) ishlatadigan o'zgaruvchilarni yangi tokenlarga bog'laydi —
   shu tufayli butun platforma bitta joydan boshqariladi va light/dark
   rejim hamma joyda avtomatik ishlaydi.
   ══════════════════════════════════════════════════════════════════ */

/* ── Shrift: Inter (o'z serverimizdan, CDN'siz — oflayn ham ishlaydi) ── */
@font-face{
  font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url('/static/fonts/inter-latin-400-normal.woff') format('woff');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2192,U+2212,U+2215;
}
@font-face{
  font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url('/static/fonts/inter-latin-ext-400-normal.woff') format('woff');
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url('/static/fonts/inter-cyrillic-400-normal.woff') format('woff');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;
  src:url('/static/fonts/inter-latin-600-normal.woff') format('woff');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2192,U+2212,U+2215;
}
@font-face{
  font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;
  src:url('/static/fonts/inter-latin-ext-600-normal.woff') format('woff');
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;
  src:url('/static/fonts/inter-cyrillic-600-normal.woff') format('woff');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

:root{
  /* ── Masofa (§7): faqat shu qiymatlar ishlatiladi ── */
  --space-1:4px;   --space-2:8px;   --space-3:12px;  --space-4:16px;
  --space-5:20px;  --space-6:24px;  --space-8:32px;  --space-10:40px; --space-12:48px;

  /* ── Radius (§8) ── */
  --radius-xs:8px;    /* kichik boshqaruvlar */
  --radius-sm:10px;   /* tugmalar */
  --radius-md:12px;   /* inputlar */
  --radius-lg:14px;   /* kartalar */
  --radius-xl:16px;   /* katta panellar */
  --radius-2xl:20px;  /* modal */
  --radius-pill:999px;

  /* ── Tipografika (§6) ── */
  --font-sans:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --text-page:24px;      --text-page-lh:1.25;
  --text-section:17px;   --text-section-lh:1.35;
  --text-body:14.5px;    --text-body-lh:1.55;
  --text-sm:13px;        --text-sm-lh:1.5;
  --text-micro:11.5px;   --text-micro-lh:1.45;
  --weight-normal:400;
  --weight-medium:500;
  --weight-semibold:600;

  /* ── Harakat (§30) ── */
  --dur-fast:120ms; --dur:170ms; --dur-slow:220ms;
  --ease:cubic-bezier(.2,.7,.3,1);
  --ease-out:cubic-bezier(.16,1,.3,1);

  /* ── Aksent: ikkala rejimda ham bir xil brend identifikatsiyasi (§4) ── */
  --accent-primary:#52D6C6;
  --accent-secondary:#7C83FF;
  --accent-grad:linear-gradient(135deg,#55D8C7,#7D82FF);   /* juda kam ishlatiladi */

  /* Chat o'qish ustuni (§15) */
  --chat-width:880px;

  --z-sticky:20; --z-drawer:60; --z-modal:70; --z-toast:80; --z-palette:90;
}

/* ══════════════ DARK (standart) ══════════════ */
:root,
:root[data-theme="dark"]{
  color-scheme:dark;

  --bg-app:#0F1115;
  --bg-sidebar:#13161C;
  --surface-1:#181C23;
  --surface-2:#1D222A;
  --surface-hover:#222832;

  --text-primary:#F4F6F8;
  --text-secondary:#A7AFBC;
  --text-muted:#6F7886;

  --border-subtle:rgba(255,255,255,.07);
  --border-strong:rgba(255,255,255,.11);

  --accent-soft:rgba(82,214,198,.10);
  --accent-soft-strong:rgba(82,214,198,.16);
  --accent-text:#6FE0D2;

  --warn:#E3B341;  --warn-soft:rgba(227,179,65,.12);
  --ok:#4ADE9B;    --ok-soft:rgba(74,222,155,.12);
  --danger:#FF7B72; --danger-soft:rgba(255,123,114,.12);

  --shadow-float:0 14px 38px rgba(0,0,0,.42);
  --shadow-modal:0 24px 64px rgba(0,0,0,.5);
  --overlay:rgba(9,11,14,.62);
  --grid-line:rgba(255,255,255,.035);
}

/* ══════════════ LIGHT (§5) ══════════════ */
:root[data-theme="light"]{
  color-scheme:light;

  --bg-app:#F7F8FA;
  --bg-sidebar:#FFFFFF;
  --surface-1:#FFFFFF;
  --surface-2:#F2F4F7;
  --surface-hover:#EDF0F4;

  --text-primary:#181B20;
  --text-secondary:#626A76;
  --text-muted:#8A929E;

  --border-subtle:#E7E9EE;
  --border-strong:#D8DCE3;

  --accent-soft:rgba(30,170,155,.10);
  --accent-soft-strong:rgba(30,170,155,.16);
  --accent-text:#128C7E;

  --warn:#B47714;  --warn-soft:rgba(180,119,20,.10);
  --ok:#177F52;    --ok-soft:rgba(23,127,82,.10);
  --danger:#C4362C; --danger-soft:rgba(196,54,44,.10);

  --shadow-float:0 12px 30px rgba(16,24,40,.10);
  --shadow-modal:0 24px 60px rgba(16,24,40,.16);
  --overlay:rgba(24,27,32,.35);
  --grid-line:rgba(16,24,40,.05);
}

/* ══════════════ ESKI NOMLAR -> YANGI TOKENLAR ══════════════
   Mavjud sahifalar shu nomlar bilan yozilgan. Ular endi tokenlardan
   oziqlanadi: bitta joyni o'zgartirsak — butun platforma o'zgaradi. */
:root{
  --ink:var(--bg-app);
  --panel:var(--surface-1);
  --panel-2:var(--surface-2);
  --line:var(--border-subtle);
  --line-strong:var(--border-strong);
  --holo:var(--accent-primary);
  --holo2:var(--accent-secondary);
  --holo-soft:var(--accent-soft);
  --ai:var(--accent-secondary);
  --gold:var(--warn);
  --txt:var(--text-primary);
  --mut:var(--text-secondary);
  --err:var(--danger);
  --red:var(--danger);
  --disp:var(--font-sans);
  --body:var(--font-sans);
  --mono:var(--font-mono);
  --r-sm:var(--radius-sm);
  --r-md:var(--radius-lg);
  --r-lg:var(--radius-xl);
  --r:var(--radius-lg);
  --shadow:var(--shadow-float);
  --tools-bg:var(--surface-1);
  --tools-hover:var(--surface-hover);
  --tools-ink:var(--text-primary);
}

/* ── Umumiy asos ── */
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-sans);
  font-size:var(--text-body);
  line-height:var(--text-body-lh);
  letter-spacing:-.006em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
::selection{background:var(--accent-soft-strong);color:var(--text-primary)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);
  border:3px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:content-box}
:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-xs)}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}