:root {
  --page-background: #dfe4e0;
  --page-foreground: #383838;
  --header-background: #9caf9e;
}

:root[data-theme="green"] {
  --page-background: #dfe4e0;
  --page-foreground: #383838;
  --header-background: #9caf9e;
}

:root[data-theme="brown"] {
  --page-background: #f3eadb;
  --page-foreground: #49382d;
  --header-background: #c9a987;
}

:root[data-theme="dark"] {
  --page-background: #202522;
  --page-foreground: #edf2ee;
  --header-background: #303a34;
}

:root[data-theme="light"] {
  --page-background: #ffffff;
  --page-foreground: #263b45;
  --header-background: #b9e6f5;
}

:root[data-theme="pink"] {
  --page-background: #fff0f5;
  --page-foreground: #4a2d38;
  --header-background: #f2b4c8;
}

:root[data-theme="blue"] {
  --page-background: #eaf6ff;
  --page-foreground: #203d50;
  --header-background: #9bd3f2;
}

a:link,
a:visited {
  color: #55a9d1;
}

a:hover {
  color: #8bcff0;
}

.header-links a:link,
.header-links a:visited {
  color: #000;
}

.header-links a:hover {
  color: #000;
}

:root[data-theme="dark"] .header-links a:link,
:root[data-theme="dark"] .header-links a:visited,
:root[data-theme="dark"] .header-links a:hover {
  color: #fff;
}

article a:link,
article a:visited,
.project-card:link,
.project-card:visited,
.contact-links a:link,
.contact-links a:visited {
  color: #55a9d1;
}

article a:hover,
.project-card:hover,
.contact-links a:hover {
  color: #8bcff0;
}