:root {
  /* Global*/
  --bs-primary: #000000;
  --bs-primary-rgb: 0, 0, 0;

  --bs-secondary: #efbd00;
  --bs-secondary-rgb: 239, 189, 0;


  --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: #f6f6f6;
  --bs-body-bg-rgb: 246, 246, 246;

  --bs-light: #f6f6f6 !default;
  --bs-light-rgb: 246, 246, 246 !default;

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


  /* Fonts*/
  --bs-body-color: #000000bf;
  --bs-body-color-rgb: 0, 0, 0;

  --bs-heading-color: #000000;
  --bs-heading-color-rgb: 0, 0, 0;

  --bs-body-font-family: "Questrial", sans-serif;
  --bs-headings-font-family: "Archivo", sans-serif;


  /* Box-shadow*/
  --bs-box-shadow-blocks: none;
  --bs-box-shadow-primary-button: none;
  --bs-box-shadow-secondary-button: none;


  /* Border-radius*/
  --bs-border-radius-blocks: 20px;
  --bs-border-radius-inputs: 6px;
  --bs-border-radius-buttons: 40px;

  /* Border*/
  --bs-border-color-inputs: rgba(var(--bs-primary-rgb), 0.25) !default;
  --bs-border-color: rgba(var(--bs-primary-rgb), 0.1);
}

.btn-secondary,
.btn-primary:hover {
  color: var(--bs-black);
  background-color: #ffd700;
}