/* LIGHT THEME */
:root {
  --bg-color: #ffffff;
  --text-color: #111111;
  --header-bg: #f5f5f5;
  --link-color: #111111;
}

/* DARK THEME */
[data-theme="dark"] {
  --bg-color: #0f0f0f;
  --text-color: #ffffff;
  --header-bg: #1a1a1a;
  --link-color: #ffffff;
}

/* APPLY VARIABLES */
body {
  background: var(--bg-color);
  color: var(--text-color);
}

header {
  background: var(--header-bg);
}

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

footer {
  background: var(--header-bg);
}