/* ============================================================
   design-tokens.css — Bosqich 1.5.2 (YAGONA manba: DESIGN_RESEARCH.md)
   QOIDA: keyingi barcha bosqichlarda faqat SHU o'zgaruvchilar ishlatiladi,
   yangi rang/o'lcham ixtiro qilinmaydi.
   ============================================================ */
:root {
  /* --- Ranglar: asosiy palitra --- */
  --color-primary: #2563eb;          /* asosiy CTA (indigo/moviy) */
  --color-primary-hover: #1d4ed8;
  --color-primary-soft: #dbeafe;     /* primary fon-chip */
  --color-accent: #7c3aed;           /* ikkinchi darajali urg'u (binafsha) */
  --color-accent-soft: #ede9fe;

  /* --- Semantik (rang-kodlangan baholar: ELSA/Test&Score naqshi) --- */
  --color-success: #16a34a;
  --color-success-soft: #dcfce7;
  --color-warning: #d97706;
  --color-warning-soft: #fef3c7;
  --color-error: #dc2626;
  --color-error-soft: #fee2e2;
  --color-info: #0284c7;
  --color-info-soft: #e0f2fe;

  /* --- Neytral --- */
  --color-bg: #f8fafc;
  --color-surface: #ffffff;
  --color-border: #e2e8f0;
  --color-text-primary: #0f172a;
  --color-text-secondary: #475569;
  --color-text-muted: #94a3b8;

  /* --- Qism identifikatsiyasi (pastel fon + to'yingan urg'u: Test&Score naqshi) --- */
  --color-ielts-bg: #eef2ff;         --color-ielts-accent: #4f46e5;
  --color-ml-bg: #ecfdf5;            --color-ml-accent: #059669;
  --color-neutral-bg: #f1f5f9;       --color-neutral-accent: #334155;

  /* --- Dark "hero-score" karta (ELSA premium naqshi) --- */
  --color-hero-bg-from: #1e1b4b;     --color-hero-bg-to: #312e81;
  --color-hero-surface: rgba(255,255,255,.08);
  --color-hero-border: rgba(255,255,255,.14);
  --color-hero-text: #f8fafc;

  /* --- Tipografiya --- */
  --font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --text-xs: 0.75rem;    /* 12 */
  --text-sm: 0.875rem;   /* 14 */
  --text-base: 1rem;     /* 16 */
  --text-lg: 1.25rem;    /* 20 */
  --text-xl: 1.5rem;     /* 24 */
  --text-2xl: 2rem;      /* 32 */
  --text-3xl: 2.5rem;    /* 40 */

  /* --- Bo'shliq (4/8 tizim) --- */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-7: 32px; --space-8: 40px;
  --space-9: 48px; --space-10: 64px;

  /* --- Radius --- */
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 24px; --radius-full: 999px;

  /* --- Soya (slate-tintli) --- */
  --shadow-sm: 0 1px 2px rgba(15,23,42,.06);
  --shadow-md: 0 4px 12px rgba(15,23,42,.08);
  --shadow-lg: 0 12px 32px rgba(15,23,42,.12);

  /* --- Boshqa --- */
  --transition-fast: 120ms ease;
  --z-modal: 50;
  --container-max: 1120px;
}