/*
  تم «پردیس رایانه» — آبی جوهری با لهجه‌ی فیروزه‌ای (رنگ‌های CMYK در لوگو).
  انتخابگر html:root عمداً از :root قالب قوی‌تر است، چون استایل اصلی قالب
  ناهمگام و بعد از این فایل می‌رسد.
*/
html:root {
  --shop-brand: #1f3fbf;
  --shop-brand-dark: #162d8c;
  --shop-brand-soft: #eaf0ff;
  --shop-brand-soft-border: #cfdaff;
  --shop-accent: #00a3d9;

  --shop-bg: #f5f7fb;
  --shop-surface: #ffffff;
  --shop-surface-alt: #eef2f9;
  --shop-text: #0f1733;
  --shop-muted: #5f6b85;
  --shop-border: #e1e7f2;
  --shop-star: #f5b700;

  --shop-radius: 16px;
  --shop-radius-sm: 10px;
  --shop-shadow: 0 1px 2px rgba(15, 23, 51, .05), 0 10px 30px rgba(31, 63, 191, .08);
}

@media (prefers-color-scheme: dark) {
  html:root:not([data-theme="light"]) {
    --shop-brand: #7d97ff;
    --shop-brand-dark: #5f7cf0;
    --shop-brand-soft: #172042;
    --shop-brand-soft-border: #26336a;
    --shop-accent: #33c2f0;

    --shop-bg: #0c1120;
    --shop-surface: #121a2e;
    --shop-surface-alt: #18223a;
    --shop-text: #e8edf9;
    --shop-muted: #96a3c2;
    --shop-border: #24304d;
    --shop-star: #ffc94a;
  }
}

html:root[data-theme="dark"] {
  --shop-brand: #7d97ff;
  --shop-brand-dark: #5f7cf0;
  --shop-brand-soft: #172042;
  --shop-brand-soft-border: #26336a;
  --shop-accent: #33c2f0;
  --shop-bg: #0c1120;
  --shop-surface: #121a2e;
  --shop-surface-alt: #18223a;
  --shop-text: #e8edf9;
  --shop-muted: #96a3c2;
  --shop-border: #24304d;
}