:root {
  color-scheme: dark light;
  --vh: 1vh;
  --vw: 1vw;
  --bg-color: #121212;
  --text-color: #ffffff;
  --white: #ffffff;
  --blue-start: #6ec1e4;
  --blue-end: #3b82f6;
  --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --title-gradient: linear-gradient(to right, var(--white), var(--blue-start));
}

@media (prefers-color-scheme: light) {
  :root {
    --bg-color: #ffffff;
    --text-color: #000000;
    --title-gradient: linear-gradient(to right, #333333, var(--blue-start));
  }
}