/* ==========================================================================
   TOKENS — ranglar va tema o'zgaruvchilari (yagona manba)
   Dizayn tili: aurora fon + glassmorphism (Mini App bilan bir xil oila)
   ========================================================================== */

/* ---------- To'q (asosiy) tema ---------- */
:root{
  --bg0:#07060d;            /* eng to'q fon */
  --bg1:#0c0a16;            /* ikkilamchi fon */
  --card:#15131f;           /* ko'tarilgan karta */
  --text:#f6f5fb;           /* asosiy matn */
  --muted:#9b96ab;          /* ikkilamchi matn */
  --line:rgba(255,255,255,.09);          /* nozik chegara */
  --glass:rgba(21,19,31,.55);            /* shisha karta foni */
  --glass-strong:rgba(21,19,31,.78);
  --highlight:rgba(255,255,255,.07);     /* karta yuqori chizig'i */
  --shadow:0 24px 70px rgba(0,0,0,.45);
  --grad:linear-gradient(135deg,#7c5cff 0%,#c026d3 52%,#ff5d9e 100%); /* brend gradienti */
  --violet:#a78bfa;
  --pink:#f472b6;
  --ok:#2ee6a0;             /* muvaffaqiyat */
  --warn:#ffd60a;
  --err:#ff5470;
  --aurora-op:.55;          /* aurora dog'lari shaffofligi */
  --nav-bg:rgba(7,6,13,.72);
  /* Statistika halqalari (dumaloq diagramma) — dark karta (#15131f) uchun
     validatsiyadan o'tgan trio (CVD ΔE 49, kontrast ≥3:1) */
  --ring-day:#ef4487;       /* so'nggi 24 soat */
  --ring-week:#7c5cff;      /* so'nggi 7 kun */
  --ring-month:#0891b2;     /* so'nggi 30 kun */
}

/* ---------- Yorug' tema ---------- */
:root[data-theme="light"]{
  --bg0:#f4f3fb;
  --bg1:#ecebf7;
  --card:#ffffff;
  --text:#16131f;
  --muted:#6c6880;
  --line:rgba(22,19,31,.10);
  --glass:rgba(255,255,255,.62);
  --glass-strong:rgba(255,255,255,.85);
  --highlight:rgba(255,255,255,.85);
  --shadow:0 24px 60px rgba(60,40,120,.14);
  --aurora-op:.34;
  --nav-bg:rgba(244,243,251,.78);
  --violet:#7c5cff;          /* light fonda kontrast kuchliroq ton */
  --pink:#db2777;
  /* Halqalar — oq karta uchun to'qroq, validatsiyadan o'tgan qadamlar */
  --ring-day:#db2777;
  --ring-week:#6d4aff;
  --ring-month:#0369a1;
}

/* JS o'chiq bo'lsa ham tizim temasini hurmat qilamiz */
@media (prefers-color-scheme: light){
  :root:not([data-theme]){
    --bg0:#f4f3fb; --bg1:#ecebf7; --card:#ffffff;
    --text:#16131f; --muted:#6c6880;
    --line:rgba(22,19,31,.10);
    --glass:rgba(255,255,255,.62); --glass-strong:rgba(255,255,255,.85);
    --highlight:rgba(255,255,255,.85);
    --shadow:0 24px 60px rgba(60,40,120,.14);
    --aurora-op:.34; --nav-bg:rgba(244,243,251,.78);
    --ring-day:#db2777; --ring-week:#6d4aff; --ring-month:#0369a1;
  }
}