/* Dark theme */
:root {
  --background-color: rgb(0, 0, 0);
  --background-color-rgb: 0, 0, 0;
  --text-color: rgb(255, 255, 255);
  --text-color-secondary: #000000;

  --background-home: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(0, 106, 255, 0.6) 100%
  );
  --background-card: rgba(0, 0, 0, 0.9);
  --background-skills: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(0, 0, 0, 1) 90%
  );
  --footer-shadow: #000;
  --hsla-shadow: 5px 5px 20px hsla(0, 0%, 100%, 0.1);
  --btn-shadow: 2px 2px 5px rgba(255, 255, 255, 0.3);

  --background-img-treeline: url('../images/treeline.png');
  --background-img-cave: url('../images/cave.png');
  --background-img-watercolors: url('../images/watercolors.jpg');
  --background-img-layers: url('../images/layers.jpg');

  --video: url();
  --navigation-img-circle: url('../images/circle.svg');
  --navigation-img-circlefill: url('../images/circle-fill.svg');
  --github-img: url('../images/github.svg');
  --link-img: url('../images/link.svg');
}

/* Light theme */
.theme-light {
  --background-color: rgb(243, 248, 255);
  --background-color-rgb: 243, 248, 255;
  --text-color: rgb(0, 0, 0);
  --text-color-secondary: #e7e7e7;

  --background-home: linear-gradient(
    0deg,
    rgba(0, 149, 255, 0.56) 0%,
    rgba(0, 0, 0, 0) 80%
  );
  --background-card: rgb(243, 248, 255, 0.9);
  --background-skills: linear-gradient(
    0deg,
    rgba(129, 175, 255, 0.15) 0%,
    rgb(243, 249, 255) 90%
  );
  --footer-shadow: rgba(243, 248, 255, 0.416);
  --hsla-shadow: 5px 5px 20px 2px #00000040;
  --btn-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);

  --background-img-treeline: url('../images/treeline-light.png');
  --background-img-cave: url('../images/cave-light.png');
  --background-img-watercolors: url('../images/watercolors-light.jpg');
  --background-img-layers: url('../images/layers-light.jpg');

  --navigation-img-circle: url('../images/circle-light.svg');
  --navigation-img-circlefill: url('../images/circle-fill-light.svg');
  --github-img: url('../images/github-light.svg');
  --link-img: url('../images/link-light.svg');
}