html,body,#root{height:100%;margin:0;padding:0;font-family:Roboto,sans-serif;background-color:var(--color-body-bg);color:var(--color-body-text);transition:background-color .3s,color .3s}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;color:var(--color-body-text);background-color:var(--color-card-bg);border:1px solid var(--color-gray-300);border-radius:8px;padding:.5rem 1rem;transition:border-color .2s,background-color .3s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:var(--color-gray-500);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-600)}.container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.dark body{background-color:var(--color-body-bg);color:var(--color-body-text)}