@font-face{
  font-family: 'Vazirmatn';
  src: url('../fonts/Vazirmatn.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --red: #9A1322;
  --red-d: #741421;
  --red-l: #B8283A;
  --cream: #F5EEDE;
  --cream-2: #ECE2CB;
  --cream-3: #FBF8F0;
  --ink: #010100;
  --muted: #62594c;
  --line: rgba(1, 1, 0, .13);
  --ok: #2f6b3f;
  --warn: #a15a0b;
  --radius: 16px;
  --shadow: 0 1px 0 rgba(1,1,0,.04), 0 12px 32px -14px rgba(116, 20, 33, .28);

 --xl: 40px; --lg: 28px; --ease: cubic-bezier(.2, .8, .2, 1); }
body { font-family: 'Vazirmatn', system-ui, 'Segoe UI', Tahoma, sans-serif; background: var(--cream); color: var(--ink); -webkit-font-smoothing: antialiased; }
body::before {
  content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .5;
  background: radial-gradient(900px 600px at 85% -10%, rgba(154, 19, 34, .10), transparent 60%), radial-gradient(700px 500px at -5% 30%, rgba(116, 20, 33, .07), transparent 60%);
}
html { scroll-behavior: smooth; }