@import url("../base-variables.css");
:root {
  --primary900: #44047c;
  --primary700: #590d9b;
  --primary500: #6C17B6;
  --primary300: #9346d6;
  --primary100: #b46ef1;
  --primary50: #FBE6E6;

  --surface900: #FFFFFF;
  --surface700: #F8F9F9;
  --surface500: #F4F5F6;
  --surface300: #F0F1F2;
  --surface100: #EFF0F1;
  --surface50: #EDEEEF;

  --complementary300: #6C17B6;
  --complementary500: #6C17B6;

  --overlayPrimary1: rgba(0, 86, 251, 0.04);
  --overlayPrimary2: rgba(0, 86, 251, 0.12);
  --overlayPrimary3: rgba(0, 86, 251, 0.08);
  --overlayPrimary4: rgba(0, 86, 251, 0.10);

  --overlayWhite1: rgba(255, 255, 255, .04);
  --overlayWhite2: rgba(255, 255, 255, .12);
  --overlayWhite3: rgba(255, 255, 255, .08);
  --overlayWhite4: rgba(255, 255, 255, .10);

  --overlayBlack1: rgba(0, 0, 0, .04);
  --overlayBlack2: rgba(0, 0, 0, .12);
  --overlayBlack3: rgba(0, 0, 0, .08);
  --overlayBlack4: rgba(0, 0, 0, .10);

  --header-bg: #FFFFFF;
  --header-font-color: #50585F;
  --header-button-bg: #6C17B6;
  --header-button-text: #ffffff;
  --header-button-negative: #6C17B6;

  --footer-bg: #EDEEEF;
  --footer-font-color: #50585F;
  --footer-font-color-2: #000000DE;

  --link: #6C17B6;
  --hover-link: #590d9b;
  
  --button: #6C17B6;
  --button-hover: #590d9b;
  --button-border: transparent;
  --button-font: #fff;
  --button-radius: 15px;

  --font900: #276EE5;
  --font700: rgba(0, 0, 0, 0.6);
  --font500: #50585F;
  --font300: #000000DE;
  --font100: #FFFFFF61;
  --font50: #FFFFFFBD;
  --font0: #FFFFFF;
  
  --font-headings: "Poppins", sans-serif;
  --font-body: "Poppins", sans-serif;


  --cards-radius: 8px;
  --faqs-radius: 20px;
}