:root {
  --font-family-base: swizaregular, sans-serif;
  --font-family-heading: swizaregular, sans-serif;
  --font-family-monospace: 'Source Code Pro', monospace;
  --font-family-logo: swizaregular, sans-serif;

  --color-primary-bg: #0c0c0cff;
  --color-primary-bg-2: #000000ff;
  --color-primary-bg-3: #1b1b1bff;
  --color-primary-text: #fdfcf9;
  --color-base-bg: #ffffff;
  --color-base-bg-2: #f8f9ff;
  --color-base-bg-3: #eef2f9;
  --color-base-text: #202020;
  --color-base-text-2: #4b5563;
  --color-header-text:  #0d042b;
  
  --logo-text-font-size: 28px;
  --logo-text-font-weight: 500;

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

  --header-height: 120;
  --section-padding: 80px;
  --card-border-radius: 5px;
  --button-border-radius: 5px;
}

html[data-bs-theme='dark'] {
  --color-primary-bg: #0c0c0cff;
  --color-primary-bg-2: #000000ff;
  --color-primary-bg-3: #1b1b1bff;
  --color-primary-text: #fdfcf9;
  --color-base-bg: #0f0f10;
  --color-base-bg-2: #1a191c;
  --color-base-bg-3: #222124;
  --color-base-text: #F4F4F5;
  --color-base-text-2: #D1D5DB;
  --color-logo-text: #2b3af7;
  --color-header-text: #f5f5ec;
}