:root {
  --background-color: #ffffff;
  --text-color: #333333;
  --primary-color: #1976d2;
  --header-bg: var(--primary-color);
}
[data-theme='dark'] {
  --background-color: #121212;
  --text-color: #eeeeee;
  --header-bg: #222222;
}
body {
  background: var(--background-color);
  color: var(--text-color);
}
header, nav {
  background: var(--header-bg);
  color: var(--text-color);
}