/* tokens v1 — ChatGRAP yagona dizayn tizimi (specs/dizayn_tizimi_2026_10_23.md). Har sahifada BIRINCHI stylesheet. */
:root{
  color-scheme: dark;

  /* --- Sirtlar --- */
  --bg:#262624;          /* asosiy fon */
  --bg-elev:#1f1e1d;     /* sidebar, input foni, header, popover */
  --bg-card:#30302c;     /* karta, modal kartasi */
  --bg-code:#1a1917;     /* kod bloki, terminal (header ham, tanasi ham) */
  --bg-hover:rgba(255,255,255,.06);
  --bg-active:rgba(255,255,255,.10);
  --bg-selected:rgba(255,255,255,.12);
  --overlay:rgba(0,0,0,.55);

  /* --- Matn --- */
  --text:#f5f4ee;        /* asosiy */
  --text-2:#c5c2b8;      /* ikkilamchi */
  --text-3:#94918a;      /* meta (faqat --bg/--bg-elev ustida: 4.8:1) */
  --text-3-card:#a19e96; /* meta --bg-card ustida (4.9:1) */
  --text-4:#908d86;      /* placeholder, xira yorliq (AA) */
  --text-disabled:#6b6860; /* FAQAT disabled/dekor — o'qiladigan matn uchun EMAS (2.7:1) */

  /* --- Aksent (mono) --- */
  --accent:#f5f4ee;
  --accent-hover:#ffffff;
  --accent-on:#262624;   /* aksent fonidagi matn/ikonka */

  /* --- Holat ranglari (yagona!) --- */
  --danger:#e0726a;
  --danger-bg:rgba(224,114,106,.14);
  --danger-border:rgba(224,114,106,.40);
  --ok:#9fc7a6;
  --ok-bg:rgba(159,199,166,.12);
  --warn:#c5c2b8;        /* ogohlantirish neytral — sariq YO'Q */
  --info:#c5c2b8;

  /* --- Chegara --- */
  --border:rgba(255,255,255,.08);
  --border-2:rgba(255,255,255,.12);
  --border-3:rgba(255,255,255,.18);
  --focus-ring:0 0 0 2px rgba(245,244,238,.60);

  /* --- Shrift --- */
  --font:'Inter','Inter-fallback',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --fs-11:.6875rem;  /* 11px — minimal (disclaimer, badge) */
  --fs-12:.75rem;    /* 12px — meta */
  --fs-13:.8125rem;  /* 13px — kod (minimal), yorliq */
  --fs-14:.875rem;   /* 14px — UI matn, tugma */
  --fs-15:.9375rem;  /* 15px — xabar matni (telefon) */
  --fs-16:1rem;      /* 16px — body, HAR QANDAY input (telefonda majburiy) */
  --fs-18:1.125rem;
  --fs-20:1.25rem;
  --fs-24:1.5rem;
  --fs-hero:clamp(1.5rem,1.1rem + 2vw,2.125rem);
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700; /* 800/900 TAQIQ */
  --lh-tight:1.25; --lh:1.5; --lh-prose:1.65;

  /* --- Bo'shliq (4px shkala) --- */
  --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;
  --gutter:16px;         /* telefonda yon chekka — hech qachon 12px dan kam emas */

  /* --- Radius --- */
  --r-xs:6px;   /* chip, badge, kichik tugma */
  --r-sm:10px;  /* input, kichik tugma */
  --r-md:12px;  /* tugma (primary/secondary) */
  --r-lg:16px;  /* karta */
  --r-xl:20px;  /* modal, bottom sheet */
  --r-pill:999px; /* faqat header pill CTA, badge, switch */

  /* --- Soya (doim qora) --- */
  --shadow-sm:0 1px 2px rgba(0,0,0,.20);
  --shadow-md:0 4px 16px rgba(0,0,0,.28);
  --shadow-lg:0 8px 32px rgba(0,0,0,.40);
  --shadow-xl:0 16px 48px rgba(0,0,0,.50);

  /* --- z-index --- */
  --z-base:0; --z-sticky:10; --z-header:20; --z-sidebar:40; --z-drawer-backdrop:45;
  --z-dropdown:50; --z-modal-backdrop:90; --z-modal:100; --z-toast:200; --z-tooltip:300;

  /* --- Harakat --- */
  --ease:cubic-bezier(.4,0,.2,1);
  --ease-out:cubic-bezier(0,0,.2,1);
  --dur-1:120ms; --dur-2:180ms; --dur-3:260ms;

  /* --- O'lchamlar --- */
  --touch:44px;          /* minimal bosish maydoni (pointer:coarse) */
  --header-h:56px;
  --sidebar-w:288px;
  --msg-w:48rem;

  /* --- Eski nomlar bilan moslik (vaqtinchalik) --- */
  --bg-1:var(--bg-elev);
  --bg-2:var(--bg-card);
}

@font-face{font-family:'Inter-fallback';src:local('Arial');size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}

:where(a,button,[role=button],input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid rgba(245,244,238,.6);outline-offset:2px}

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