/* ============================================================================
   CEO AI AutoMind — design tokens
   ----------------------------------------------------------------------------
   Bu fayl BUTUN dizaynning yagona rang/o‘lchov manbasi. Yangi kompaniya uchun
   platformani sozlashda faqat "1) BREND TOKENLARI" blokidagi HEX qiymatlarni
   almashtirish kifoya — qolgan hamma joy (--surface, --ink, --line va h.k.)
   shulardan hosil bo‘ladi va o‘zi moslashadi.

   Qanday tanlash kerak:
   - --brand-primary   : asosiy CTA va "faol/qurilmoqda" holat rangi (ko‘pincha
                          kompaniya logotipidagi asosiy rang)
   - --brand-secondary : ikkinchi darajali aksent — grafik, havola, analitika
   - --brand-tint       : --brand-primary'ning juda ochiq versiyasi — fon uchun
   - --brand-positive   : "yaxshi/ijobiy KPI" rangi — odatda yashil oilasidan,
                          lekin brendga mos tusda tanlang (masalan moliya
                          kompaniyasida ko‘k-yashil, agro'da to‘q yashil)
   - --brand-dark       : eng to‘q rang — header, CEO karta foni, sarlavha matni
   - --brand-neutral    : "Rejada" bloklar uchun kulrang
   - --risk-red         : FAQAT kritik xavf uchun — brenddan mustaqil, deyarli
                          har doim qizil oilasidan qoldiriladi (universal signal)

   Quyidagi :root bloki Orient Rent Car brend palitrasiga (navy + oltin)
   moslangan. Boshqa loyihada birinchi ish — shu 7 ta HEX qiymatni o‘sha
   mijoz brendiga almashtirish.
   ============================================================================ */
:root{
  /* 1) BREND TOKENLARI — shu yerni almashtiring ------------------------------ */
  /* Orient Rent Car: logotipdagi navy #053F67 va oltin #C29517 asosida.
     secondary — oltinning to‘qroq tusi: oq fonda matn sifatida o‘qiladigan kontrast. */
  --brand-primary:#0B5A92;      --brand-primary-600:#094A78; --brand-primary-100:#DCEAF5;
  --brand-secondary:#8F6B0D;    --brand-secondary-600:#745709; --brand-secondary-100:#F5ECD6;
  --brand-tint:#EAF1F7;
  --brand-positive:#2E8B57;     --brand-positive-600:#246E45; --brand-positive-100:#E1F2E8;
  --brand-dark:#053F67;         --brand-dark-800:#0A4C7A;    --brand-dark-700:#12598A;
  --brand-neutral:#6B7280;      --brand-neutral-bg:#F0F2F5;  --brand-neutral-line:#E1E5EA;
  --risk-red:#C4453F;           --risk-red-600:#A5372F;      --risk-red-100:#FBE6E4;
  --amber:#C4832A;              --amber-100:#FAEDD8;

  /* Qisqa nomlar — komponentlar shulardan foydalanadi (o‘zgartirish shart emas) */
  --deep-aqua:var(--brand-primary);       --deep-aqua-600:var(--brand-primary-600); --deep-aqua-100:var(--brand-primary-100);
  --water-blue:var(--brand-secondary);    --water-blue-600:var(--brand-secondary-600); --water-blue-100:var(--brand-secondary-100);
  --clear-sky:var(--brand-tint);
  --life-green:var(--brand-positive);     --life-green-600:var(--brand-positive-600); --life-green-100:var(--brand-positive-100);
  --navy:var(--brand-dark);               --navy-800:var(--brand-dark-800);         --navy-700:var(--brand-dark-700);
  --gray:var(--brand-neutral);            --gray-bg:var(--brand-neutral-bg);        --gray-line:var(--brand-neutral-line);

  /* 2) YUZA — yuqoridagilardan avtomatik hosil bo‘ladi, qo‘lda tegmang -------- */
  --bg:#F6F7FA;
  --surface:#FFFFFF;
  --surface-2:#FAFAFC;
  --ink:var(--brand-dark);
  --ink-2:#454B66;
  --ink-3:var(--brand-neutral);
  --line:#E4E6ED;
  --line-strong:#CDD1DC;

  /* 3) TIPOGRAFIKA — <link> orqali Google Fonts ulanadi (index.html’da) ------- */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --fs-display:30px; --fs-h1:23px; --fs-h2:18px; --fs-h3:15px;
  --fs-body:14px;    --fs-sm:13px; --fs-xs:11.5px;

  /* 4) O‘LCHOV */
  --r-sm:6px; --r:10px; --r-lg:14px; --r-xl:20px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px;
  --shadow-1:0 1px 2px rgba(15,20,40,.06), 0 1px 3px rgba(15,20,40,.04);
  --shadow-2:0 2px 6px rgba(15,20,40,.07), 0 8px 24px rgba(15,20,40,.06);
  --shadow-3:0 12px 40px rgba(15,20,40,.16);

  --topbar-h:60px;
  --sidebar-w:246px;
}

/* Status semantikasi — rang + ikon + matn birga ishlaydi, rang yolg‘iz emas */
.st-green  { --st:var(--life-green);  --st-bg:var(--life-green-100); }
.st-blue   { --st:var(--water-blue);  --st-bg:var(--water-blue-100); }
.st-yellow { --st:var(--amber);       --st-bg:var(--amber-100); }
.st-red    { --st:var(--risk-red);    --st-bg:var(--risk-red-100); }
.st-gray   { --st:var(--gray);        --st-bg:var(--gray-bg); }