:root {
  /* Global*/
  --bs-primary: #36bac1;
  --bs-primary-rgb: 54, 186, 193;

  --bs-secondary: #252e5f;
  --bs-secondary-rgb: 37, 46, 95;


  --bs-success: #4FA62C !default;
  --bs-success-rgb: 79, 166, 44!default;

  --bs-danger: #D62D2D !default;
  --bs-danger-rgb: 214, 45, 45 !default;

  --bs-warning: #ffc107 !default;
  --bs-warning-rgb: 255, 193, 7 !default;


  --bs-black: #000 !default;
  --bs-black-rgb: 0, 0, 0 !default;

  --bs-white: #fff !default;
  --bs-white-rgb: 255, 255, 255 !default;


  /* Backgrounds*/
  --bs-body-bg: #f7f7f7;
  --bs-body-bg-rgb: 247, 247, 247;

  --bs-light: #f7f7f7;
  --bs-light-rgb: 247, 247, 247;

  --bs-block-bg: var(--bs-white);
  --bs-block-bg-rgb: var(--bs-white-rgb);

  /* Fonts*/
  --bs-body-color: #656b6f;
  --bs-body-color-rgb: 101, 107, 111;

  --bs-heading-color: var(--bs-primary);
  --bs-heading-color-rgb: var(--bs-primary-rgb);

  --bs-body-font-family: "Roboto", serif;
  --bs-headings-font-family: "Roboto", serif;


  /* Box-shadow*/
  --bs-box-shadow-blocks: 0 0 15px rgba(14, 30, 50, 0.1) !default;
  --bs-box-shadow-primary-button: inset 0 0 0 1px rgba(0,0,0,.03),inset 0px 4px 3px -2px rgba(0,0,0,.07);
  --bs-box-shadow-secondary-button: inset 0 0 0 1px rgba(0,0,0,.03),inset 0px 4px 3px -2px rgba(0,0,0,.07);


  /* Border-radius*/
  --bs-border-radius-blocks: 16px;
  --bs-border-radius-inputs: 0;
  --bs-border-radius-buttons: 5px;

  /* Border*/
  --bs-border-color-inputs: #EBEBEB;
}