.light{--background: #fff;--foreground: #222;--header-bg: #fff;--header-fg: #222}.dark{--background: #181a20;--foreground: #f3f4f6;--header-bg: #181a20;--header-fg: #f3f4f6}html,body{background:var(--background);color:var(--foreground);min-height:100vh;margin:0;padding:0;transition:background .2s,color .2s;overflow-x:hidden;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}.app-header{background:var(--header-bg);color:var(--header-fg);transition:background .2s,color .2s}.app-header h1{color:var(--header-fg)}