@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk&family=Lora&display=swap");
:root {
  --bs-primary:#FF294F;
  --bs-primary-rgb:rgb(51 51 51);
  --bs-secondary:#F1F464;
  --bs-secondary:#a1a502;
  --bs-secondary-rgb:rgb(241 244 100);
  --bs-font-sans-serif:"Lora"; }

[data-bs-theme=dark] {
  --bs-primary:#F9D548;
  --bs-primary-rgb:rgb(249 213 72);
  --bs-secondary:#ECB92E;
  --bs-secondary-rgb:rgb(236 185 46); }

h1, h2, h3, h4, h5, h6 {
  font-family: "Space Grotesk"; }

.btn-primary {
  --bs-btn-color: #F1F464;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.8);
  --bs-btn-hover-border-color: rgba(var(--bs-primary-rgb), 0.8);
  --bs-btn-active-color: #F1F464;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: #0054b4;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  color: #F1F464; }
