@media (prefers-color-scheme: light){
:root {
  --background:   #fbfbfd;
  --text:         #1e2025;   /* dark charcoal */
  --link:         #5a2a8a;   /* deep plum */
  --link-hover:   #2a123f;   /* almost-night purple */
  --accent-1:     #f2f3f8;   /* cards / post backgrounds */
  --accent-2:     #cfd3e0;   /* outlines, sidebar background */
  --accent-3:     #555a6e;   /* timestamps, UI text */
  --highlight:    #e8ddff;   /* for quotes and emphasis blocks */
}
}

@media (prefers-color-scheme: dark) {
  :root {
    --background:   #0f1014;  /* near-black with a slight purple tint */
    --text:         #f5f5fa;  /* soft off-white, easy on eyes */
    --link:         #b791ff;  /* lighter plum so it pops on dark */
    --link-hover:   #f2e5ff;  /* very light purple on hover */
    --accent-1:     #181923;  /* main card / surface */
    --accent-2:     #252733;  /* secondary panels, headers, navbar */
    --accent-3:     #8b90a8;  /* muted UI text, timestamps */
    --highlight:    #32224d;  /* dark plum block for quotes / notes */
  }
}