/* Canonical product tokens from docs/design-system.html. */
@font-face {
  font-family: Vazirmatn;
  src: url(../fonts/vazirmatn/Vazirmatn-Regular.woff2) format(woff2);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Vazirmatn;
  src: url(../fonts/vazirmatn/Vazirmatn-SemiBold.woff2) format(woff2);
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Vazirmatn;
  src: url(../fonts/vazirmatn/Vazirmatn-Bold.woff2) format(woff2);
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root,[data-theme=light]{
  color-scheme:light;
  --brand-primary:#12664e;
  --brand-dark:#153c32;
  --brand-soft:#edf5ef;
  --brand-accent:#d9f5ab;
  --color-primary:var(--brand-primary);
  --color-primary-hover:#0f5843;
  --color-primary-content:#fff;
  --color-base-100:#fff;
  --color-base-200:#f4f7f6;
  --color-base-300:#e0e7e3;
  --color-base-content:#192f29;
  --color-muted:#62736b;
  --color-line:#e1e8e4;
  --color-soft:var(--brand-soft);
  --color-lime:var(--brand-accent);
  --color-success:#176346;
  --color-success-soft:#e8f6ee;
  --color-danger:#b42318;
  --color-danger-soft:#fdecea;
  --color-warning:#875611;
  --color-warning-soft:#fff8e8;
  --color-info:#155e75;
  --color-info-soft:#e8f4f8;
  --color-focus:#759b34;
  --radius-field:.65rem;
  --radius-box:1rem;
  --radius-selector:.55rem;
  --shadow:0 10px 30px rgba(18,63,51,.07);
  --touch-min:44px;
  --bg:var(--color-base-200);
  --ink:var(--color-base-content);
  --muted:var(--color-muted);
  --line:var(--color-line);
  --green:var(--brand-primary);
  --dark:var(--brand-dark);
  --soft:var(--brand-soft);
  --lime:var(--brand-accent);
  --color-error:var(--color-danger);
}