/* توجه: فونت JetBrains Mono قبلاً از Google Fonts می‌اومد که هم می‌تونست فیلتر باشه هم با CSP جدید (فقط 'self') تداخل داشت؛
   چون این فونت فقط برای چند عدد/برچسب کوچیک استفاده می‌شه، حذف شد و به‌صورت خودکار به فونت monospace سیستم کاربر می‌افته (مشکلی در نمایش ایجاد نمی‌کنه) */

/* فونت وزیرمتن به‌صورت محلی (self-hosted) تا هیچ وابستگی بیرونی نداشته باشه */
@font-face{
  font-family:'Vazirmatn';
  src:url('fonts/Vazirmatn-Variable.woff2') format('woff2 supports variations'),
      url('fonts/Vazirmatn-Variable.woff2') format('woff2-variations');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}

:root{
  --bg:#0b0d10;
  --panel:#12151a;
  --panel-hover:#161a20;
  --border:#242a33;
  --border-hover:#343c48;
  --accent:#3b82f6;
  --accent-hover:#2f6fe0;
  --ink:#e8eaed;
  --ink-muted:#8b93a1;
  --ink-faint:#565e6b;
  --danger:#f0555f;
  --success:#3fb950;
  --radius:10px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html,body{height:100%;}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:'Vazirmatn',sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.store-body{
  background-image:url('../images/bg-tile-dark.webp'),linear-gradient(180deg,var(--bg),var(--bg));
  background-repeat:repeat,no-repeat;background-size:480px,cover;
  background-attachment:fixed,fixed;
}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
input{font-family:inherit;}
a{color:inherit;text-decoration:none;}

/* کارت ساده و تخت — بدون بلور، بدون گلو */
.card{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:var(--radius);
}

.btn{
  border-radius:8px;
  font-weight:600;
  font-size:14px;
  transition:background-color .15s ease, border-color .15s ease, opacity .15s ease;
}
.btn-primary{
  background:var(--accent);
  color:#fff;
}
.btn-primary:hover:not(:disabled){background:var(--accent-hover);}
.btn-primary:disabled{opacity:.5;cursor:not-allowed;}

.field-msg{font-size:12.5px;margin-top:10px;min-height:16px;}
.field-msg.error{color:var(--danger);}
.field-msg.success{color:var(--success);}

.brand-mark{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;}
.brand-mark span{font-weight:700;font-size:15.5px;letter-spacing:.2px;color:var(--ink-muted);}