/* Dilshod ustoz brendi: design/brand_tokens.json asosida. Barcha sahifalar shu faylni ulaydi. */
:root { color-scheme: light;
  --brand: #0D9488; --brand-d: #0F766E; --brand-soft: #F0FDFA; --brand-line: #CCFBF1;
  --dark: #1D1D1F; --dark2: #2C2C2E; --dark-muted: #86868B;
  --bg: #F5F5F7; --card: #FFFFFF; --line: #E5E5EA; --line2: #D2D2D7; --soft: #F2F2F4;
  --ink: #1D1D1F; --muted: #424245; --subtle: #6E6E73;
  --glass: rgba(255, 255, 255, .72);
  --ok: #15803D; --ok-bg: #DCFCE7; --warn: #B45309; --warn-bg: #FEF3C7; --bad: #B91C1C; --bad-bg: #FEE2E2; --info: #1D4ED8; --info-bg: #EFF6FF;
  --tg: #0284C7; --insta: #D946EF;
  --r-sm: 10px; --r-md: 14px; --r-lg: 20px; --pill: 980px;
  --shadow: 0 1px 2px rgba(0, 0, 0, .03), 0 4px 16px rgba(0, 0, 0, .04);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, .10);
  --font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Plus Jakarta Sans', 'Segoe UI', Roboto, sans-serif;
}
/* logotip: rangi atrofdagi matn rangidan olinadi (currentColor) */
.du-logo { display: inline-block; aspect-ratio: 7 / 5; background: currentColor; -webkit-mask: url(/brand/logo.svg) center / contain no-repeat; mask: url(/brand/logo.svg) center / contain no-repeat; flex: none; }
.du-brand { display: flex; align-items: center; gap: 11px; text-decoration: none; color: inherit; }
.du-brand .du-logo { width: 42px; color: var(--brand); }
.du-brand b { display: block; font-size: 16px; font-weight: 800; letter-spacing: -.01em; line-height: 1.15; }
.du-brand small { display: block; font-size: 12px; font-weight: 600; opacity: .7; }

/* ijtimoiy tarmoqlar (design/components/social_widget.html) */
.social { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }
.social a { display: flex; align-items: center; gap: 12px; padding: 10px 14px 10px 10px; background: var(--card); border: 1px solid var(--line); border-radius: 14px; text-decoration: none; color: var(--ink); transition: transform .15s, box-shadow .15s; }
.social a:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.social .qr { width: 64px; height: 64px; border-radius: 9px; border: 1px solid var(--line); background: #fff; padding: 3px; flex: none; }
.social .qr img { width: 100%; height: 100%; display: block; }
.social .pf { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.social .tg .pf { color: var(--tg); } .social .ig .pf { color: var(--insta); }
.social .hd { display: block; font-size: 15px; font-weight: 800; }
.social .ds { display: block; font-size: 12px; color: var(--subtle); }
.social.compact .qr { display: none; }
.social.compact a { padding: 8px 12px; }

/* Apple uslubidagi umumiy tugma va shaffof panel */
.glass { background: var(--glass); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); }