/* =========================================================
   OneShopUz — dizayn tokenlari (yagona manba)
   Playerok uslubi: oq / qora fon, ko'k aksent, kulrang to'ldirilgan bloklar, Inter.
   Avto rejimda faqat yorug'/qorong'i Telegram sxemasidan olinadi.
   ========================================================= */
:root {
  /* Playerok uslubi: oq fon, to'yingan ko'k aksent, kulrang to'ldirilgan bloklar */
  --c-teal: #7b4dff;
  --c-blue: #1a5bff;
  --c-gold: #ffb800;
  --c-indigo: #0f1115;
  --c-cream: #ffffff;

  /* Kunduzgi palitra */
  --p-bg: #ffffff;
  --p-card: #f3f5f9;
  --p-card-2: #e9edf4;
  --p-text: #0b0d12;
  --p-hint: #8a93a6;
  --p-sep: rgba(15, 25, 50, 0.08);
  --p-field: #e9edf4;

  --accent: var(--c-blue);
  --accent-2: #7b4dff;
  --gold: #f5a300;
  --accent-text: #ffffff;
  --green: #00a63e;
  --orange: #ff7a00;
  --red: #ff3347;
  --blue: var(--c-blue);

  /* Radius */
  --radius-xs: 10px;
  --radius-sm: 14px;
  --radius: 18px;
  --radius-pill: 999px;

  /* Oraliqlar */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --tap: 44px; /* minimal bosiladigan o'lcham */

  /* Soyalar */
  --shadow: none;
  --shadow-lg: 0 8px 20px rgba(26, 91, 255, 0.22);
  --card-border: transparent;

  /* Gradientlar */
  --grad-brand: linear-gradient(var(--accent), var(--accent));
  --grad-gold: linear-gradient(120deg, #1a5bff 0%, #7b4dff 60%, #c13cff 100%);
  --grad-card: linear-gradient(transparent, transparent);

  /* Shrift va o'lchamlar */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --tabbar-h: 64px;
  --safe-top: max(env(safe-area-inset-top, 0px), var(--tg-content-safe-area-inset-top, 0px));
  --safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--tg-safe-area-inset-bottom, 0px));

  /* Naqshlar (mask sifatida, rang elementdan olinadi) */
  /* Islimi + gul: markazda 8 bargli gul, burchaklarda choraklari, orasida egri novdalar */
  --pattern-islimi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.2'%3E%3Cg id='f'%3E%3Cellipse cx='32' cy='32' rx='2.6' ry='7'/%3E%3Cellipse cx='32' cy='32' rx='2.6' ry='7' transform='rotate(45 32 32)'/%3E%3Cellipse cx='32' cy='32' rx='2.6' ry='7' transform='rotate(90 32 32)'/%3E%3Cellipse cx='32' cy='32' rx='2.6' ry='7' transform='rotate(135 32 32)'/%3E%3C/g%3E%3Ccircle cx='32' cy='32' r='2'/%3E%3Cuse href='%23f' x='-32' y='-32'/%3E%3Cuse href='%23f' x='32' y='-32'/%3E%3Cuse href='%23f' x='-32' y='32'/%3E%3Cuse href='%23f' x='32' y='32'/%3E%3Cpath d='M9 16c4-5 10-5 14 0M41 16c4 5 10 5 14 0M9 48c4 5 10 5 14 0M41 48c4-5 10-5 14 0M16 9c-5 4-5 10 0 14M48 9c5 4 5 10 0 14M16 41c5 4 5 10 0 14M48 41c-5 4-5 10 0 14'/%3E%3C/g%3E%3C/svg%3E");
  /* Girih: 8 qirrali yulduz panjarasi */
  --girih: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.3'%3E%3Crect x='17' y='17' width='22' height='22'/%3E%3Crect x='17' y='17' width='22' height='22' transform='rotate(45 28 28)'/%3E%3Ccircle cx='28' cy='28' r='4'/%3E%3Cpath d='M28 0v12.4M28 43.6V56M0 28h12.4M43.6 28H56M0 0l17 17M56 0 39 17M0 56l17-17M56 56 39 39'/%3E%3C/g%3E%3C/svg%3E");
  /* Atlas (ikat) uslubidagi romb lenta */
  --ikat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cpath d='M0 4 4 0l4 4-4 4zM8 4l4-4 4 4-4 4z' fill='%23000'/%3E%3C/svg%3E");
  --pattern-opacity: 0;

  /* Grafik ranglari (validator: scripts/validate_palette.js, light + dark o'tgan) */
  --chart-cost: #1e6fd9;
  --chart-bonus: #b8932a;
  --chart-profit: #1fa3a3;
}

/* Tungi palitra */
:root[data-theme="dark"] {
  --p-bg: #0f1115;
  --p-card: #1a1d24;
  --p-card-2: #232731;
  --p-text: #f2f4f8;
  --p-hint: #8b93a3;
  --p-sep: rgba(255, 255, 255, 0.07);
  --p-field: #262b35;

  --accent: #3d7bff;
  --accent-2: #8f6bff;
  --gold: #ffc233;
  --green: #22c55e;
  --orange: #ff8a1f;
  --red: #ff5c6c;
  --blue: #3d7bff;
  --shadow: none;
  --shadow-lg: 0 8px 20px rgba(0, 0, 0, 0.45);
  --card-border: transparent;
  --pattern-opacity: 0;
  --chart-cost: #4c8df0;
  --chart-bonus: #ad8a28;
  --chart-profit: #27a3a3;
  color-scheme: dark;
}

/* Ishlatiladigan sirt ranglari */
:root {
  --bg: var(--p-bg);
  --card: var(--p-card);
  --card-2: var(--p-card-2);
  --text: var(--p-text);
  --hint: var(--p-hint);
  --sep: var(--p-sep);
  --field: var(--p-field);
}