:root {
  --primary-color: #0bc9cd;
  --secondary-color: #429ea6;
  --tertiary-color: #e7541a;
  --black-color: #000000;
  --text-color: var(--black-color);
  --black-bg-color: #161e37;
  --body-color: white;
  --background-color: white;
  --container-size: 0.5em 6em;
  --theme-toggle-transition: background-color 0.3s ease, color 0.3s ease;
  --filter-logo: none;
  --toggle-color: #0BC9CD;
  --benefit-src: url('../assets/images/benefits.gif'); 
}

[data-theme="dark"] {
  --filter-logo: invert(1);
  --body-color: var(--black-color);
  --text-color: white;
  --benefit-src: url('../assets/images/benefits_dark_mode.gif');
  --background-color: #111728;
  --toggle-color: #F3A60A;
}