:root,
html[data-theme="light"] {
  --primary: #b7576a; 
  --secondary: #952F38; 
  --accent: #eeeeee; 
  --primary-fg: #222;
  --header-bg: var(--secondary);
  --header-color: #ffc;
  --link-fg: #333;
  --link-hover-color: #5d1322; 
}

/* Dark: explicitly chosen via the toggle */
html[data-theme="dark"] {
  --primary: #8f222c;
  --primary-fg: #f7f7f7;
  --body-fg: #eeeeee;
  --body-bg: #121212;
  --link-fg: #fa8181; 
  --link-hover-color: #b5dcae;
  --link-hover-color: #dd3948;
  --link-selected-fg: #c52533;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]):not([data-theme="dark"]) {
     --primary: #b7576a; 
     --secondary: #952F38; 
     --accent: #eeeeee; 
     --primary-fg: #f7f7f7;
     --header-bg: var(--secondary);
     --header-color: #ffc;
     --link-fg: #fa8181; 
     --link-hover-color: #5d1322; 
  }
}