:root {
  --font-family-base: 'Outfit', sans-serif;
  --font-family-heading: 'Outfit', sans-serif;
  --font-family-monospace: 'Space Mono', monospace;
  --font-family-logo: 'Outfit', sans-serif;

  --color-primary-bg: #2e222f;
  --color-primary-bg-2: #3e3546;
  --color-primary-bg-3: #625565;
  --color-primary-text: #ffffff;
  --color-base-bg: #ffffff;
  --color-base-bg-2: #FFE262;
  --color-base-bg-3: #e8e6ed;
  --color-base-text: #2e222f;
  --color-base-text-2: #625565;
  --color-header-text:  #2e222f;
  
  --logo-text-font-size: 28px;
  --logo-text-font-weight: 500;

  --menu-font-family: 'Outfit', sans-serif;
  --menu-font-size: ;
  --menu-text-transform: "Capitalize";
  --menu-font-weight: 400;

  --header-height: 60px;
  --section-padding: 80px;
  --card-border-radius: 5px;
  --button-border-radius: 10px;

  --link-color: #FF4373;
  --link-hover-color: #F6D97B;
  --button-color: #FFEF63;
  --button-hover-color: #B8ED81;
}

html[data-bs-theme='dark'] {
  --color-primary-bg: #0C112D;
  --color-primary-bg-2: #1e1a2a;
  --color-primary-bg-3: #09040D;
  --color-primary-text: #ffffff;
  --color-base-bg: #0C112D;
  --color-base-bg-2: #FFE262;
  --color-base-bg-3: #09040D;
  --color-base-text: #ffffff;
  --color-base-text-2: #c7dcd0;
  --color-logo-text: #ffffff;
  --color-header-text: #ffffff;
}