Переменные в CSS — Управление цветовой схемой

:root {
  --main-text-color: #2c3e50;
  --link-color: #3498db;
  --bg-body: #ffffff;
  --bg-card: #f8f9fa;
  --border-color: #dee2e6;
}

/* Светлая тема */
.light-theme {
  --main-text-color: #2c3e50;
  --link-color: #3498db;
  --bg-body: #ffffff;
  --bg-card: #f8f9fa;
}

/* Тёмная тема */
.dark-theme {
  --main-text-color: #ecf0f1;
  --link-color: #5dade2;
  --bg-body: #2c3e50;
  --bg-card: #34495e;
}

body {
  background-color: var(--bg-body);
  color: var(--main-text-color);
}

a {
  color: var(--link-color);
}