@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

.will-root * {
  font-family: 'Montserrat', sans-serif;
}

.will-root {
  
  box-sizing: border-box;
  font-size: 14px;
  
  color: #1E1E1E;
 
  /* Palette */
  --will-primary: #374269;
  --will-secondary: #374269;
  --will-grey: #ABA7AF;
  --will-light-grey: #C8C8C8;
  --will-white: #fff;
  --will-white-transparent: #ffffffcf;
  --will-black: #000;
  --will-onahau: #CDEEFF;
  --will-text: #5A5959;
  --will-charcoal-blue: #384265;
  --will-error: #d32f2f;

  /* Transparent */
  --will-transparent-black: rgba(0, 0, 0, 0.5);
  --will-transparent-white: rgba(255, 255, 255, 0.30);
  --will-transparent-lavender: rgba(171, 167, 175, 0.30);

  /* Color mix */
  --will-primary-lighter: color-mix(in srgb, var(--will-primary), white 50%);
  --will-primary-lightest: color-mix(in srgb, var(--will-primary), white 80%);


  /* Shadows */
  --will-box-shadow-dark: 0px 2px 12px 2px #a1a1a180;
  --will-box-shadow-light: 0px 2px 12px 2px #bcb9b980;

  /* Breakpoints */
  --will-lg: 1140px;
  --will-md: 960px;
  --will-sm: 600px;
  --will-xl: 1280px;
  --will-xs: 0px;
}

/* Typography */

.will-root h1, h2, h3, h4, h5, h6 {
 font-weight: 700;
} 

.will-root p, h1, h2, h3, h4, h5, h6, span {
  margin: 0;
  padding: 0;
}


/* Integration fixes */

.will-root p {
  margin: 0 !important;
}

.will-root button {
  line-height: normal !important;
}