:root{
  --cl-font-family:"Vazirmatn","IRANSansX","IRANSans","Segoe UI",Tahoma,Arial,sans-serif;
  --cl-font-size-xs:.75rem;
  --cl-font-size-sm:.8125rem;
  --cl-font-size-md:.875rem;
  --cl-font-size-base:1rem;
  --cl-font-size-lg:1.125rem;
  --cl-font-size-xl:1.375rem;
  --cl-font-size-2xl:1.75rem;
  --cl-font-size-3xl:2.25rem;
  --cl-font-size-4xl:3rem;
  --cl-line-height-tight:1.35;
  --cl-line-height-normal:1.75;
  --cl-line-height-relaxed:1.95;
  --cl-font-weight-regular:400;
  --cl-font-weight-medium:500;
  --cl-font-weight-semibold:600;
  --cl-font-weight-bold:700;
  --cl-font-weight-black:800;
  --cl-text-primary:#172033;
  --cl-text-secondary:#5f6f85;
  --cl-text-muted:#8a97aa;
  --cl-text-inverse:#f8fafc;
  --cl-text-accent:#ff8a16;
  --cl-letter-spacing-normal:0;
  --cl-letter-spacing-heading:-.015em;
}
html,body,button,input,select,textarea{
  font-family:var(--cl-font-family);
  font-feature-settings:"ss01" 1,"ss02" 1;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body{
  font-size:var(--cl-font-size-base);
  line-height:var(--cl-line-height-normal);
  color:var(--cl-text-primary);
}
h1,h2,h3,h4,h5,h6{
  margin-top:0;
  font-family:var(--cl-font-family);
  font-weight:var(--cl-font-weight-black);
  line-height:var(--cl-line-height-tight);
  letter-spacing:var(--cl-letter-spacing-heading);
  color:inherit;
}
h1{font-size:clamp(2rem,4vw,var(--cl-font-size-4xl))}
h2{font-size:clamp(1.5rem,2.5vw,var(--cl-font-size-3xl))}
h3{font-size:var(--cl-font-size-xl)}
h4{font-size:var(--cl-font-size-lg)}
p,li,td,th,label,input,select,textarea,button,a{font-size:var(--cl-font-size-base)}
small,.text-xs{font-size:var(--cl-font-size-xs)}
.text-sm{font-size:var(--cl-font-size-sm)}
.text-md{font-size:var(--cl-font-size-md)}
.text-lg{font-size:var(--cl-font-size-lg)}
.text-xl{font-size:var(--cl-font-size-xl)}
.text-muted{color:var(--cl-text-muted)}
.text-secondary{color:var(--cl-text-secondary)}
.text-accent{color:var(--cl-text-accent)}
.fw-medium{font-weight:var(--cl-font-weight-medium)}
.fw-semibold{font-weight:var(--cl-font-weight-semibold)}
.fw-bold{font-weight:var(--cl-font-weight-bold)}
.fw-black{font-weight:var(--cl-font-weight-black)}
.eyebrow{
  font-size:var(--cl-font-size-sm);
  font-weight:var(--cl-font-weight-black);
  letter-spacing:.01em;
  color:var(--cl-text-accent);
}
.btn,button,input,select,textarea{
  font-family:var(--cl-font-family);
}
.btn,button{
  font-weight:var(--cl-font-weight-bold);
}
@media(max-width:560px){
  :root{
    --cl-font-size-base:.9375rem;
    --cl-font-size-lg:1.0625rem;
    --cl-font-size-xl:1.25rem;
  }
}