/* Web Branding design tokens — generated from tokens.json. Do not edit by hand. */
@font-face {
  font-family: "Vazirmatn";
  src: url("fonts/Vazirmatn-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
body.wb-native {
  --primary: #134695;
  --on-primary: #ffffff;
  --primary-deep: #0c2a63;
  --secondary: #f8a018;
  --on-secondary: #1b2330;
  --tertiary: #38b848;
  --on-tertiary: #1b2330;
  --mark-lime: #90c840;
  --surface: #ffffff;
  --on-surface: #1b2330;
  --on-surface-variant: #54595f;
  --outline: #6f7b8d;
  --outline-variant: #e3e8f0;
  --focus-ring: #134695;
  --error: #c62828;
  --on-error: #ffffff;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --shape-xs: 2px;
  --shape-sm: 4px;
  --shape-md: 8px;
  --shape-lg: 12px;
  --shape-full: 999px;
  --font-sans: Vazirmatn, Tahoma, sans-serif;
}

body.wb-native #wbnh-root .wb-display-large { font: 800 56px/76px var(--font-sans); letter-spacing: 0; }
body.wb-native #wbnh-root .wb-display-medium { font: 800 44px/64px var(--font-sans); letter-spacing: 0; }
body.wb-native #wbnh-root .wb-display-small { font: 700 36px/54px var(--font-sans); letter-spacing: 0; }
body.wb-native #wbnh-root .wb-headline-large { font: 700 28px/44px var(--font-sans); letter-spacing: 0; }
body.wb-native #wbnh-root .wb-headline-medium { font: 700 22px/36px var(--font-sans); letter-spacing: 0; }
body.wb-native #wbnh-root .wb-headline-small { font: 700 18px/30px var(--font-sans); letter-spacing: 0; }
body.wb-native #wbnh-root .wb-title-large { font: 600 20px/32px var(--font-sans); letter-spacing: 0; }
body.wb-native #wbnh-root .wb-title-medium { font: 600 16px/28px var(--font-sans); letter-spacing: 0; }
body.wb-native #wbnh-root .wb-title-small { font: 600 15px/26px var(--font-sans); letter-spacing: 0; }
body.wb-native #wbnh-root .wb-body-large { font: 400 18px/32px var(--font-sans); letter-spacing: 0; }
body.wb-native #wbnh-root .wb-body-medium { font: 400 16px/28px var(--font-sans); letter-spacing: 0; }
body.wb-native #wbnh-root .wb-body-small { font: 400 14px/24px var(--font-sans); letter-spacing: 0; }
body.wb-native #wbnh-root .wb-label-large { font: 600 15px/24px var(--font-sans); letter-spacing: 0; }
body.wb-native #wbnh-root .wb-label-medium { font: 600 13px/20px var(--font-sans); letter-spacing: 0; }
body.wb-native #wbnh-root .wb-label-small { font: 600 12px/18px var(--font-sans); letter-spacing: 0; }