:root {
  --font-family-base: 'DM Sans', sans-serif;
  --font-family-heading: 'DM Sans', sans-serif;
  --font-family-monospace: 'Fira Mono', monospace;
  --font-family-logo: 'Slackey', sans-serif;

  --color-primary-bg: #171717;
  --color-primary-bg-2: #262626;
  --color-primary-bg-3: #404040;
  --color-primary-text: #ffffff;
  --color-base-bg: #ffffff;
  --color-base-bg-2: #fafafa;
  --color-base-bg-3: #f5f5f5;
  --color-base-text: #171717;
  --color-base-text-2: #525252;
  --color-header-text:  #171717;
  
  --logo-text-font-size: 28px;
  --logo-text-font-weight: 500;

  --menu-font-family: 'DM Sans', 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: 5px;
}

html[data-bs-theme='dark'] {
  --color-primary-bg: #e5e5e5;
  --color-primary-bg-2: #d4d4d4;
  --color-primary-bg-3: #a3a3a3;
  --color-primary-text: #171717;
  --color-base-bg: #171717;
  --color-base-bg-2: #262626;
  --color-base-bg-3: #404040;
  --color-base-text: #fafafa;
  --color-base-text-2: #a3a3a3;
  --color-logo-text: #e5e5e5;
  --color-header-text: #fafafa;
}