/* SurxonTV dizayn tizimi. Rang, o'lcham, oraliqni FAQAT shu yerdan oling — boshqa joyda yangi qiymat o'ylab topmang.
   Rang: bitta urg'u (anor qizili), qolgani qora/kulrang/oq.
   Shrift: 4 o'lcham — 24 / 17 / 15 / 13.
   Oraliq: 8 ga karrali — 4 / 8 / 12 / 16 / 24 / 32.
   Burchak: kartochka 20, tugma va maydon 14, kichik tugma — to'liq yumaloq. */
:root {
  --bg: #F5F6F3;
  --surface: #FFFFFF;
  --ink: #111A15;
  --ink-2: #5A645E;
  --line: #E6E8E3;
  --line-2: #C5CBC4;
  --accent: #C21F3A;
  --accent-press: #9A1830;
  --accent-soft: #FBE9EC;
  --ok: #1E6B45;
  --ok-soft: #E8F3EC;
  --dim: rgba(17, 26, 21, 0.48);

  --fs-xl: 24px;
  --fs-l: 17px;
  --fs-m: 15px;
  --fs-s: 13px;

  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s6: 24px; --s8: 32px;

  --r-card: 20px;
  --r-ctl: 14px;
  --r-pill: 999px;

  --h-ctl: 56px;     /* katta tugma va maydon */
  --h-chip: 48px;    /* tanlov tugmasi */
  --h-touch: 44px;   /* eng kichik bosiladigan joy */
  --nav-h: 72px;

  --font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-logo: "Unbounded", var(--font);
  --ease: cubic-bezier(.2, .8, .2, 1);
}