@media (prefers-color-scheme: light) {
  :root {
    --text: rgb(6, 19, 14);
    --text-200: rgb(24, 78, 57);

    --background: rgb(248, 252, 249);
    --background-200: rgb(219, 240, 224);

    --primary: rgb(69, 191, 152);
    --secondary: rgb(142, 192, 215);
    --accent: rgb(108, 146, 203);
  }
  .main-footer__icon {
    filter: invert();
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --text: rgb(236, 249, 244);
    --text-200: rgb(177, 231, 210);

    --background: rgb(3, 7, 4);
    --background-200: rgb(31, 71, 41);

    --primary: rgb(64, 186, 147);
    --secondary: rgb(40, 90, 113);
    --accent: rgb(52, 90, 147);
  }
}

:root {
  --primary-fucked: rgba(64, 186, 147, 0.85);
  --secondary-fucked: rgba(40, 90, 113, 0.85);
  --linearPrimarySecondary: linear-gradient(#45bf98, #8ec0d7);
  --linearPrimaryAccent: linear-gradient(#45bf98, #6c92cb);
  --linearSecondaryAccent: linear-gradient(#8ec0d7, #6c92cb);
  --radialPrimarySecondary: radial-gradient(#45bf98, #8ec0d7);
  --radialPrimaryAccent: radial-gradient(#45bf98, #6c92cb);
  --radialSecondaryAccent: radial-gradient(#8ec0d7, #6c92cb);
}