:root {
    --font-family-sanserif: 'Lynstone',-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
    --font-regular: 400;
    --font-semibold: 600;
    --font-bold: 700;
    --primaryColor: #035391;
    --theme-orange-web: #E94D37;
    --font-size-base: 1rem;
    --font-size-8: 0.5rem;
    --font-size-9: 0.5625rem;
    --font-size-10: 0.625rem;
    --font-size-11: 0.6875rem;
    --font-size-12: 0.75rem;
    --font-size-13: 0.8125rem;
    --font-size-14: 0.875rem;
    --font-size-15: 0.9375rem;
    --font-size-17: 1.0625rem;
    --font-size-18: 1.125rem;
    --font-size-20: 1.25rem;
    --font-size-21: 1.3125rem;
    --font-size-23: 1.4375rem;
    --font-size-24: 1.5rem;
    }
  @font-face {
    font-display: swap;
    font-family: Lynstone;
    font-weight: 350;
    src: url('../../shared/fonts/LynstoneWeb-Light.woff2') format('woff2'), url('../../shared/fonts/LynstoneWeb-Light.woff') format('woff');
  }

  @font-face {
    font-display: swap;
    src: url('../../shared/fonts/LynstoneWeb-Regular.woff2') format('woff2'), url('../../shared/fonts/LynstoneWeb-Regular.woff') format('woff');
    font-family: Lynstone;
    font-weight: 400;
  }

  @font-face {
    font-display: swap;
    font-weight: 600;
    src: url('../../shared/fonts/LynstoneWeb-SemiBold.woff2') format('woff2'), url('../../shared/fonts/LynstoneWeb-SemiBold.woff') format('woff');
    font-family: Lynstone;
  }
    
  @font-face {
    font-display: swap;
    font-weight: bold;
    src: url('../../shared/fonts/LynstoneWeb-Bold.woff2') format('woff2'), url('../../shared/fonts/LynstoneWeb-Bold.woff') format('woff');
    font-family: Lynstone;
  }

  body {
      font-family: var(--font-family-sanserif) !important;
      font-display: swap;
      -webkit-text-size-adjust: none;
      font-size: var(--font-size-14);
      font-weight: var(--font-regular) ;
  }

  html {
    font-size: var(--font-size-14);
  }