/* ===========================================================================
   Sillage Parfyum — dizayn tokenlari
   Barcha rang, o'lcham va oraliqlar shu yerda. Boshqa fayllarda xom qiymat
   (masalan #B08D57) yozilmaydi — faqat shu o'zgaruvchilar ishlatiladi.
   =========================================================================== */

:root {
  /* --- ranglar: brend kitidan (Sillage Parfum)
     Ink #111111 · Gold #B8860B · Gold light #C9A227 · Cream #F5F2EC */
  --bg:            #F5F2EC;
  --bg-alt:        #EDE8DF;
  --surface:       #FFFFFF;
  --surface-sunk:  #F7F4EE;

  --ink:           #111111;
  --ink-soft:      #3A3730;
  --muted:         #756E63;
  --muted-light:   #A69E91;

  /* --gold — FON va bezak uchun (tugma, nishon, chiziq).
     --gold-text — och fondagi MATN uchun: brend oltini krem fonda 2.9:1
     kontrast beradi (o'qish uchun kam), bu esa 4.8:1 — WCAG AA. */
  --gold:          #B8860B;
  --gold-text:     #8A6508;
  --gold-light:    #C9A227;
  --gold-deep:     #966D09;
  --gold-soft:     #E7D9B4;
  --gold-wash:     #FAF5E9;

  --line:          #E4DED2;
  --line-strong:   #D2C8B6;

  /* Panel yon paneli HAR IKKI rejimda ham qorong'i qoladi.
     Ilgari u `--ink` dan olinardi, `--ink` esa tungi rejimda MATN rangi
     sifatida yorug'ga aylanadi — natijada oq fon ustida oq yozuv chiqib,
     menyu ko'rinmay qolgan edi. Shuning uchun alohida token. */
  --sidebar-bg:      #111111;
  --sidebar-text:    rgba(255, 255, 255, 0.80);
  --sidebar-text-on: #FFFFFF;
  --sidebar-line:    rgba(255, 255, 255, 0.10);
  --sidebar-hover:   rgba(255, 255, 255, 0.06);
  --sidebar-active:  rgba(201, 162, 39, 0.18);

  --success:       #2F7A5B;
  --success-bg:    #EAF3EE;
  --danger:        #A83232;
  --danger-bg:     #FBEDEC;
  --warning:       #B07A26;
  --warning-bg:    #FBF3E4;
  --info:          #3D6383;
  --info-bg:       #EDF2F6;

  /* --- tipografika */
  --font-display: "Cormorant Garamond", "Georgia", "Times New Roman", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --fs-xs:   0.75rem;
  --fs-sm:   0.8125rem;
  --fs-base: 0.9375rem;
  --fs-md:   1rem;
  --fs-lg:   1.125rem;
  --fs-xl:   1.375rem;
  --fs-2xl:  1.75rem;
  --fs-3xl:  2.25rem;
  --fs-4xl:  3rem;

  --lh-tight: 1.15;
  --lh-snug:  1.35;
  --lh-base:  1.6;

  /* --- oraliqlar (4px shkala) */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;

  /* --- shakl */
  --radius-sm: 4px;
  --radius:    8px;
  --radius-lg: 14px;
  --radius-full: 999px;

  --shadow-sm: 0 1px 2px rgba(18, 16, 14, 0.04);
  --shadow:    0 4px 16px rgba(18, 16, 14, 0.06);
  --shadow-lg: 0 12px 40px rgba(18, 16, 14, 0.10);

  --container: 1240px;
  --container-narrow: 760px;

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur: 220ms;

  --header-h: 68px;
}

/* Tungi rejim — foydalanuvchi tizim sozlamasi bo'yicha */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:           #100E0C;
    --bg-alt:       #17140F;
    --surface:      #1A1613;
    --surface-sunk: #211C17;

    --ink:          #F5F0E8;
    --ink-soft:     #DDD5C8;
    --muted:        #A2988A;
    --muted-light:  #7C7266;

    --gold:         #C9A227;
    --gold-text:    #E3C275;
    --gold-light:   #E3C275;
    --gold-deep:    #E8CE8E;
    --gold-soft:    #3A3025;
    --gold-wash:    #221C14;

    --line:         #2C2622;
    --line-strong:  #3D352E;

    --success-bg:   #16241D;
    --danger-bg:    #2A1817;
    --warning-bg:   #262016;
    --info-bg:      #171F26;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow:    0 4px 16px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.55);
  }
}

[data-theme="dark"] {
  --bg:           #100E0C;
  --bg-alt:       #17140F;
  --surface:      #1A1613;
  --surface-sunk: #211C17;
  --ink:          #F5F0E8;
  --ink-soft:     #DDD5C8;
  --muted:        #A2988A;
  --muted-light:  #7C7266;
  --gold:         #C9A227;
  --gold-text:    #E3C275;
  --gold-light:   #E3C275;
  --gold-deep:    #E8CE8E;
  --gold-soft:    #3A3025;
  --gold-wash:    #221C14;
  --line:         #2C2622;
  --line-strong:  #3D352E;
  --success-bg:   #16241D;
  --danger-bg:    #2A1817;
  --warning-bg:   #262016;
  --info-bg:      #171F26;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow:    0 4px 16px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.55);
}