@media (prefers-color-scheme: dark) {
  header,
  [data-theme="dark"] {
    /*dark*/
    color-scheme: dark;
    --background: #0d1117;
    --foreground: #ffffff;
    --accent: #A2BFE6;
    }
}

@media (prefers-color-scheme: light) {
  header,
  [data-theme="light"] {
    /*light*/
    color-scheme: light;
    --background: #1f2328;
    --foreground: #ffffff;
    --accent: #A2BFE6;
  }
}

header{
    background-color: var(--background);
    color: var(--foreground);
    margin: 0;
}

.navlink{
    padding: 4px;
    color: var(--foreground);
}
.navlink:hover{
    color: var(--accent);
}