:root{color-scheme:light dark;--bg-primary: #fbf1c7;--bg-secondary: #ebdbb2;--text-primary: #3c3836;--text-secondary: #7c6f64;--border-color: #d5c4a1;--link-color: #076678;--link-hover: #af3a03}@media (prefers-color-scheme: dark){:root{--bg-primary: #282828;--bg-secondary: #3c3836;--text-primary: #ebdbb2;--text-secondary: #a89984;--border-color: #504945;--link-color: #83a598;--link-hover: #fabd2f}}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}html{background-color:var(--bg-primary)}body{background-color:transparent;color:var(--text-primary);transition:color .3s ease}header{padding:1rem 2rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);transition:background-color .3s ease,border-color .3s ease}nav{display:flex;gap:1rem;font-family:sans-serif}nav a{text-decoration:none;color:var(--text-primary);font-weight:700;transition:color .3s ease}nav a:hover{opacity:.7}main{padding:1rem 2rem}a{color:var(--link-color);transition:color .3s ease}a:hover{color:var(--link-hover)}hr{border:0;height:1px;background-color:var(--border-color);margin:2rem 0;transition:background-color .3s ease}