:root{--background-color:#ffffff;--text-color:#000000;--nav-bg:#f8f9fa;--button-bg:#000000;--button-text:#ffffff;--toggle-bg:#080808;--toggle-bg-dark:#f8f4f4;--nav-bg:#1e1e1e;--text-color-dark:#f8f8f8;--hover-color:#ff9900;--header-footer-bg-light:#747070;--header-footer-bg-dark:#1e1e1e}[data-theme=dark]{--background-color:#121212;--text-color:#ffffff;--nav-bg:#1e1e1e;--button-bg:#ffffff;--button-text:#000000}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;font-family:Arial,sans-serif}footer,header,nav{background-color:var(--nav-bg)}footer,header,nav{transition:background-color .3s ease}footer,header{background-color:var(--header-footer-bg-light)}[data-theme=dark] footer,[data-theme=dark] header{background-color:var(--header-footer-bg-dark)}button{background-color:var(--button-bg);color:var(--button-text);border:none;padding:10px 20px;cursor:pointer;border-radius:5px;transition:background-color .3s ease,color .3s ease}