:root {
  /* override default ui-forge styles */
  --font-primary: 'Poppins';
  --font-secondary: 'Poppins';

  /* add new styles */
  --web-bg-base: #2B2D2F;
  --web-bg-accent: #2B2D2F;
  --web-text-1: #FFF;
  --web-text-2: #CCC;
  --web-action: #04D4F8;
  --web-brand: #DB3C5D;
  --web-corp: #F43534;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--web-bg-base);
  color: var(--web-text-1);
}

/* redesign vars */
:root {
  --color-ff: #fff;
  --color-00: #000;
  --color-25: #252525;
  --color-dc: #dcdcdc;
  --color-ec: #ececec;
  --color-bd: #bdbdbd;

  --font-14-regular: 400 normal 14px/24px Montserrat;
  --font-14-medium: 500 normal 14px/24px Montserrat;
  --font-16-regular: 400 normal 16px/27px Montserrat;
  --font-16-semibold: 600 normal 16px/27px Montserrat;
  --font-16-medium: 500 normal 16px/27px Montserrat;
  --font-18-semibold: 600 normal 18px Montserrat;
  --font-32-bold: 700 normal 32px Montserrat;
}

@media (max-width: 700px) {
  :root {
    --font-32-bold: 700 normal 28px/1.5 Montserrat;
  }
}