/*** Palette ***/
:root {
  --accent-background: #f1f2f4;
  --mdc-theme-background: #fcfcfc;
  --mdc-theme-on-surface: #4a4a4a;
  --mdc-theme-primary: #5bb89e;
  --mdc-theme-error: #f44336;

  --box-shadow: 0px 2px 40px rgba(193, 220, 217, 0.21);
}
/*** END Palette ***/

/*** Typography ***/
:root {
  --mdc-typography-font-family: 'IBM Plex Sans', 'Helvetica', sans-serif;
  --mdc-typography-headline1-font-size: 1.5em;
  --mdc-typography-headline2-font-size: 2em;
  --mdc-typography-headline1-font-weight: 500;
  --mdc-typography-headline2-font-weight: bold;
  --mdc-typography-headline1-line-height: 1.5;
  --mdc-typography-subtitle2-font-weight: 500;
  --mdc-typography-body2-font-size: 0.875rem;
  --mdc-typography-button-text-transform: capitalize;

  line-height: 1.4;
  letter-spacing: -0.1px;
  font-family: var(--mdc-typography-font-family);
}
/*** END Typography ***/