/* ============================================================
   EFIR — Dizayn token'lari (TZ 5.2 – 5.4)
   «Boshqaruv puldi» estetikasi: tekis paneller, 1px chiziqlar,
   kehribar signal, monoshrift raqamlar.
   ============================================================ */

:root {
  /* --- Tipografika (TZ 5.3) --- */
  /* Agrobank — sarlavhalar uchun */
  --font-display: "Agrobank", "Space Grotesk", system-ui, sans-serif;
  /* Agrobank Expanded (kengaytirilgan) — KATTA sarlavhalar uchun */
  --font-display-xl: "Agrobank Expanded", "Agrobank", "Space Grotesk", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;

  /* Shkala: 12 / 13 / 14 / 16 / 20 / 26 / 34 px */
  --fs-xs:  0.75rem;   /* 12 */
  --fs-sm:  0.8125rem; /* 13 */
  --fs-md:  0.875rem;  /* 14 — asosiy */
  --fs-lg:  1rem;      /* 16 */
  --fs-xl:  1.25rem;   /* 20 */
  --fs-2xl: 1.625rem;  /* 26 */
  --fs-3xl: 2.125rem;  /* 34 */

  /* --- Geometriya (TZ 5.4) --- */
  --radius-card:  10px;
  --radius-input: 8px;
  --radius-pill:  999px;

  --border-w: 1px;

  /* Bo'shliq shkalasi: 4 / 8 / 12 / 16 / 24 / 32 / 48 */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* --- Layout o'lchamlari (TZ 5.6) --- */
  --sidebar-w:           264px;
  --sidebar-w-collapsed: 72px;
  --topbar-h:            60px;
  --content-max:         1440px;

  /* --- Animatsiya (TZ 5.7) --- */
  --transition: 150ms ease-out;

  /* --- Yumshoq soya (faqat modal/dropdown) --- */
  --shadow-pop: 0 8px 24px rgba(0, 0, 0, .35);

  color-scheme: dark;
}

/* ============================================================
   QORONG'I MAVZU (asosiy) — TZ 5.2
   ============================================================ */
:root,
:root[data-theme="dark"] {
  --ink:        #101318;   /* umumiy fon */
  --surface:    #171B22;   /* kartalar, sidebar */
  --surface-2:  #1F242D;   /* hover, input */
  --line:       #2B313C;   /* 1px chegaralar */
  --text:       #E7EAF0;
  --muted:      #828B9C;
  --signal:     #00CC69;   /* AKSSENT — brend yashil */
  --signal-dim: #00CC6922;

  color-scheme: dark;
}

/* ============================================================
   YORUG' MAVZU — TZ 5.2
   ============================================================ */
:root[data-theme="light"] {
  --ink:        #F7F8FA;
  --surface:    #FFFFFF;
  --surface-2:  #F0F2F5;
  --line:       #E2E5EA;
  --text:       #12151B;
  --muted:      #6B7280;
  --signal:     #00B85E;
  --signal-dim: #00B85E14;

  color-scheme: light;
}