*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-accent: #21262d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--border: #30363d}html[data-theme=light],[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-accent: #e9ecef;--text-primary: #1a1a1a;--text-secondary: #495057;--text-muted: #6c757d;--border: #dee2e6}html[data-theme=dark],[data-theme=dark]{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-accent: #21262d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--border: #30363d}body{background:var(--bg-primary);color:var(--text-primary);transition:background-color .25s ease-in-out,color .25s ease-in-out}.theme-toggle{position:fixed;top:2rem;right:2rem;z-index:1000;padding:1rem;background:var(--bg-secondary);border:2px solid var(--border);border-radius:.75rem;cursor:pointer;transition:all .25s ease-in-out;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.theme-toggle svg{width:24px;height:24px;fill:var(--text-primary);display:block}