/* ════════════════════════════════════════════════════════════════
   FarDU ITM — Design Tokens v3 "Akademik-redaktorlik"
   ────────────────────────────────────────────────────────────────
   Akademik-redaktorlik estetikasi: siyoh (ink) navy, pergament
   (paper) fon, oltin (gold) aksent. Fraunces + Manrope + JetBrains.
   • Yagona aksent — oltin; siyoh navy asosiy harakatlar uchun.
   • Status ranglari faqat banner/badge uchun.
   • Dark mode — pergament invertatsiyasi (siyoh fon, paper matn).
   ════════════════════════════════════════════════════════════════ */

:root {
  /* ─── Pergament — fon va kontent yuzasi ─── */
  --c-bg:        #FBFAF7;   /* cream — asosiy fon */
  --c-surface:   #FFFFFF;   /* white — kartochkalar */
  --c-surface-2: #FAF6EE;   /* paper — yumshoq yuzalar, hover, jadval sarlavhasi */
  --c-surface-3: #EDE5D3;   /* paper-deep — chuqurroq yuzalar */
  --c-border:    #DFE3EB;   /* ink-200 — yumshoq chegaralar */
  --c-border-2:  #C5CBD6;   /* ink-300 — kuchli chegaralar */

  /* ─── Siyoh — matn va brending ─── */
  --c-text:      #0F1D2E;   /* ink-900 — sarlavhalar */
  --c-text-2:    #4A5A76;   /* ink-600 — asosiy matn */
  --c-text-3:    #6B7A94;   /* ink-500 — ikkinchi darajali matn */
  --c-text-inv:  #FBFAF7;   /* cream — qorong'i fonda matn */

  /* ─── Oltin aksent ─── */
  --c-accent:        #8A6428;   /* gold-700 — havola, aksent matn */
  --c-accent-hover:  #A87F3A;   /* gold-600 — heritage gold */
  --c-accent-active: #6F4E1E;   /* chuqurroq oltin — bosilgan holat */
  --c-accent-soft:   #F4ECD6;   /* gold-100 — badge fon, fokus halqasi */
  --c-accent-border: #D9C084;   /* gold-400 — nozik aksent chegara */

  /* ─── Status (faqat status uchun) ─── */
  --c-success:      #4A5D3A;
  --c-success-soft: #E8EFE2;
  --c-warning:      #9A6B22;
  --c-warning-soft: #F4E8D6;
  --c-danger:       #762A3A;
  --c-danger-soft:  #F0DDE0;

  /* ─── Radii ─── */
  --r-sm:   4px;
  --r:      8px;
  --r-lg:   16px;
  --r-xl:   20px;
  --r-full: 999px;

  /* ─── Spacing (4px base) ─── */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;

  /* ─── Typography — akademik-redaktorlik shriftlari ─── */
  --font-display: 'Fraunces', 'Iowan Old Style', 'Palatino', Georgia, serif;
  --font-sans:    'Manrope', 'Helvetica Neue', system-ui, -apple-system,
                  BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo,
                  Consolas, monospace;

  --fs-caption: 12px;
  --fs-body:    14px;
  --fs-lead:    16px;
  --fs-h3:      18px;
  --fs-h2:      20px;
  --fs-h1:      28px;

  --lh-tight: 1.25;
  --lh-base:  1.5;
  --lh-loose: 1.7;

  /* ─── Shadow (yumshoq, siyoh tusli) ─── */
  --shadow-floating: 0 2px 8px -2px rgb(15 29 46 / 0.08);
  --shadow-overlay:  0 12px 32px -8px rgb(15 29 46 / 0.14),
                     0 2px 8px -2px rgb(15 29 46 / 0.06);

  /* ─── Motion ─── */
  --t-fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);
  --t-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);

  /* ─── Z-index shkalasi ─── */
  --z-base:     0;
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-overlay:  800;
  --z-modal:    900;
  --z-toast:    1000;

  /* ─── Backwards-compat aliaslar (eski stillarni buzmaslik) ─── */
  --bg:           var(--c-bg);
  --surface:      var(--c-surface);
  --surface-2:    var(--c-surface-2);
  --surface-hover:var(--c-surface-2);
  --border:       var(--c-border);
  --border-strong:var(--c-border-2);
  --text:         var(--c-text);
  --muted:        var(--c-text-2);
  --accent:       var(--c-accent);
  --accent-soft:  var(--c-accent-soft);
  --success:      var(--c-success);
  --warning:      var(--c-warning);
  --danger:       var(--c-danger);
}

/* ─── Dark mode — pergament invertatsiyasi (siyoh fon, paper matn) ─── */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-bg:        #0C1623;
    --c-surface:   #14233A;
    --c-surface-2: #1A2942;
    --c-surface-3: #2C3E5C;
    --c-border:    #2C3E5C;
    --c-border-2:  #415472;

    --c-text:      #FBFAF7;
    --c-text-2:    #C5CBD6;
    --c-text-3:    #97A2B5;
    --c-text-inv:  #0F1D2E;

    --c-accent:        #C9A961;   /* gold-500 — qorong'ida yorqinroq */
    --c-accent-hover:  #D9C084;
    --c-accent-active: #D9C084;
    --c-accent-soft:   rgba(201, 169, 97, 0.15);
    --c-accent-border: #8A6428;

    --c-success:      #8FA86E;
    --c-success-soft: rgba(143, 168, 110, 0.16);
    --c-warning:      #D9B36A;
    --c-warning-soft: rgba(217, 179, 106, 0.16);
    --c-danger:       #C77F8C;
    --c-danger-soft:  rgba(199, 127, 140, 0.16);

    --shadow-floating: 0 2px 8px -2px rgb(0 0 0 / 0.5);
    --shadow-overlay:  0 12px 32px -8px rgb(0 0 0 / 0.7);
  }
}

[data-theme="dark"] {
  --c-bg:        #0C1623;
  --c-surface:   #14233A;
  --c-surface-2: #1A2942;
  --c-surface-3: #2C3E5C;
  --c-border:    #2C3E5C;
  --c-border-2:  #415472;

  --c-text:      #FBFAF7;
  --c-text-2:    #C5CBD6;
  --c-text-3:    #97A2B5;
  --c-text-inv:  #0F1D2E;

  --c-accent:        #C9A961;
  --c-accent-hover:  #D9C084;
  --c-accent-active: #D9C084;
  --c-accent-soft:   rgba(201, 169, 97, 0.15);
  --c-accent-border: #8A6428;

  --c-success:      #8FA86E;
  --c-success-soft: rgba(143, 168, 110, 0.16);
  --c-warning:      #D9B36A;
  --c-warning-soft: rgba(217, 179, 106, 0.16);
  --c-danger:       #C77F8C;
  --c-danger-soft:  rgba(199, 127, 140, 0.16);

  --shadow-floating: 0 2px 8px -2px rgb(0 0 0 / 0.5);
  --shadow-overlay:  0 12px 32px -8px rgb(0 0 0 / 0.7);
}

/* Light mode (manual toggle uchun qaytadan tasdiqlash) */
[data-theme="light"] {
  --c-bg:        #FBFAF7;
  --c-surface:   #FFFFFF;
  --c-surface-2: #FAF6EE;
  --c-surface-3: #EDE5D3;
  --c-border:    #DFE3EB;
  --c-border-2:  #C5CBD6;

  --c-text:      #0F1D2E;
  --c-text-2:    #4A5A76;
  --c-text-3:    #6B7A94;
  --c-text-inv:  #FBFAF7;

  --c-accent:        #8A6428;
  --c-accent-hover:  #A87F3A;
  --c-accent-active: #6F4E1E;
  --c-accent-soft:   #F4ECD6;
  --c-accent-border: #D9C084;

  --c-success:      #4A5D3A;
  --c-success-soft: #E8EFE2;
  --c-warning:      #9A6B22;
  --c-warning-soft: #F4E8D6;
  --c-danger:       #762A3A;
  --c-danger-soft:  #F0DDE0;
}