@font-face {
  font-family: "Vazirmatn";
  src: url("/fonts/Vazirmatn-Variable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --bl-font-sans: "Vazirmatn", "Segoe UI", Tahoma, sans-serif;
  --bl-font-numeric: "Vazirmatn", "Segoe UI", Tahoma, sans-serif;

  --bl-ink-950: #0a100d;
  --bl-ink-900: #101815;
  --bl-ink-800: #1b2822;
  --bl-ink-700: #314139;
  --bl-ink-600: #506159;
  --bl-ink-500: #718078;
  --bl-paper: #ffffff;
  --bl-paper-soft: #f8faf8;
  --bl-canvas: #eef2ef;
  --bl-canvas-strong: #e4ebe7;
  --bl-line: #d7e0db;
  --bl-line-strong: #b8c6bf;

  --bl-brand: #08795e;
  --bl-brand-strong: #055a46;
  --bl-brand-soft: #dff3eb;
  --bl-accent: #b8ef43;
  --bl-accent-strong: #8fbe23;
  --bl-accent-ink: #142000;
  --bl-cyan: #147f9d;
  --bl-cyan-soft: #e2f3f7;
  --bl-positive: #08795e;
  --bl-positive-soft: #dff3eb;
  --bl-negative: #c94355;
  --bl-negative-soft: #fae8ec;
  --bl-warning: #9b680d;
  --bl-warning-soft: #fff1d5;
  --bl-info: #3564c5;
  --bl-info-soft: #e9effd;

  --bl-space-1: 4px;
  --bl-space-2: 8px;
  --bl-space-3: 12px;
  --bl-space-4: 16px;
  --bl-space-5: 20px;
  --bl-space-6: 24px;
  --bl-space-8: 32px;
  --bl-space-10: 40px;
  --bl-space-12: 48px;
  --bl-space-16: 64px;
  --bl-space-20: 80px;
  --bl-space-24: 96px;

  --bl-radius-xs: 2px;
  --bl-radius-sm: 4px;
  --bl-radius-md: 6px;
  --bl-radius-lg: 8px;
  --bl-shadow-xs: 0 1px 2px rgba(10, 16, 13, .06);
  --bl-shadow-sm: 0 8px 24px rgba(10, 16, 13, .07);
  --bl-shadow-md: 0 24px 64px rgba(10, 16, 13, .14);
  --bl-shadow-focus: 0 0 0 3px rgba(8, 121, 94, .2);

  --bl-content: 1240px;
  --bl-content-wide: 1380px;
  --bl-ease-out: cubic-bezier(.2, .8, .2, 1);
  --bl-duration-fast: 140ms;
  --bl-duration: 220ms;
}

html {
  font-family: var(--bl-font-sans);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body,
button,
input,
select,
textarea {
  font-family: var(--bl-font-sans);
}

button,
input,
select,
textarea,
a {
  -webkit-tap-highlight-color: transparent;
}

button,
input,
select,
textarea {
  font-variant-numeric: tabular-nums;
}

time,
[dir="ltr"],
.ltr,
td,
dd,
progress,
canvas,
svg text {
  font-variant-numeric: tabular-nums;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}