:root {
  --primary-color: #efd7ab;
  --logo-color: none;
  --body-color: rgb(255, 255, 255);
  --secondary-color: rgb(38, 38, 38);
  --secondary-color2: rgb(242, 241, 237);
  --headingDark: #12403c;
  --text-color: rgb(49, 48, 48);
  --headingLight: rgb(255, 255, 255);
  --transition: cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-hover: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --primary-gradiant: linear-gradient(
    120deg,
    rgb(67, 0, 231) 0%,
    rgb(125, 0, 252) 100%
  );
}
:root.dark {
  --body-color: rgb(25, 25, 23);
  --body-color: rgb(25, 25, 23);
  --secondary-color2: rgb(38, 38, 38);
  --secondary-color: rgb(242, 241, 237);
  --headingDark: rgb(255, 255, 255);
  --text-color: rgb(233, 233, 233);
  --headingLight: rgb(25, 25, 23);
  --transition: cubic-bezier(0.25, 0.8, 0.25, 1);
}