/* ============================================ DARK MODE OVERRIDES Activated via .dark-mode class on ============================================ */ .dark-mode { --color-primary: #60a5fa; /* nice blue for dark mode */ --color-primary-hover: #3b82f6; /* brighter blue on hover */ --color-text: #ddd; --color-text-header: #ffffff; /* white headers in dark mode */ --color-text-light: #aaa; --color-background: #000; --color-background-subtle: #333; --color-border: #333; --color-border-dark: #666; --color-selection: #666; } /* Site description links in dark mode */ .dark-mode .site-description a, .dark-mode .site-description a:hover { color: var(--color-text); text-decoration: underline; } .dark-mode a:hover { opacity: 0.8; }