/* ============================================================
   AUTOSTREAM — Dizayn tizimi (design tokens)
   Bitta manba: ranglar, shrift, oraliq, radius, soyalar.
   Saytdagi barcha sahifalar shu fayldan rang oladi.
   ============================================================ */
:root{
  /* --- Sirtlar (60%) — tungi navy --- */
  --bg:        #0B0D17;   /* asosiy fon */
  --bg-2:      #0F1221;   /* bo'lim foni (alternativ) */
  --surface:   #161A2C;   /* karta */
  --surface-2: #1D2238;   /* karta (hover / ko'tarilgan) */
  --surface-3: #252B45;

  /* --- Brend / primary (30%) — binafsha --- */
  --primary:     #7C5CFC;
  --primary-600: #6D4DF0;
  --primary-700: #5B3FD6;
  --primary-soft:rgba(124,92,252,.14);
  --primary-glow:rgba(124,92,252,.45);
  --grad-primary: linear-gradient(135deg,#8B5CF6,#6366F1);

  /* --- CTA / harakat (10%) — amber (binafshaga komplementar) --- */
  --cta:       #FFB020;
  --cta-600:   #F59E0B;
  --cta-text:  #1A1205;   /* amber ustidagi to'q matn — maksimal kontrast */
  --cta-glow:  rgba(255,176,32,.40);

  /* --- Holat ranglari --- */
  --success:   #22C55E;
  --success-soft: rgba(34,197,94,.13);
  --warning:   #F59E0B;
  --danger:    #F43F5E;   /* xato — CTA'dan FARQ qiladi */
  --danger-soft: rgba(244,63,94,.13);
  --info:      #38BDF8;

  /* --- Matn --- */
  --text:    #F8FAFC;
  --muted:   #AEB6CC;     /* WCAG AA o'tadi */
  --muted-2: #828CA8;
  --border:    rgba(255,255,255,.09);
  --border-hi: rgba(255,255,255,.18);

  /* --- Tipografika --- */
  --font: 'Plus Jakarta Sans','Outfit',system-ui,Segoe UI,Arial,sans-serif;
  --fs-h1: clamp(2.2rem, 5vw, 3.4rem);
  --fs-h2: clamp(1.7rem, 3.5vw, 2.4rem);
  --fs-lead: 1.15rem;

  /* --- Oraliq / radius / soya --- */
  --r-sm: 10px; --r: 16px; --r-lg: 22px; --r-pill: 999px;
  --maxw: 1180px;
  --shadow-md: 0 10px 30px -12px rgba(0,0,0,.6);
  --shadow-lg: 0 40px 80px -30px rgba(0,0,0,.8);
  --shadow-cta: 0 10px 30px -8px var(--cta-glow);
  --shadow-primary: 0 14px 40px -16px var(--primary-glow);
}