:root{--color-primary-500:#713d20;--color-primary-700:#59331b;--color-accent-400:#a77648;--color-surface:#fff5e8;--color-desc-bg:#f2f0eb;--color-border:#847b61;--color-text-primary:#1e1d1b;--color-text-secondary:#6b6962}body{box-sizing:border-box;color:#1e1d1b;background-color:#fff5e8;flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;display:flex}.logo{max-height:30vh;margin:0 auto;transition:transform .3s;display:block}.logo:hover{transform:scale(1.05)}.logo:active{transform:scale(.95)}h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif;font-weight:700;transition:all .3s}h1:hover,h2:hover,h3:hover,h4:hover,h5:hover,h6:hover{text-shadow:0 0 3px #59331b80}*{box-sizing:border-box}.hidden{height:0;transition:all .3s;display:none}.searchContainer{flex-direction:column;flex:1;justify-content:center;align-self:center;width:100%;display:flex}.searchContainer h1{text-align:center;color:#713d20;margin:0 1rem}.searchContainer p{text-align:center;color:#6b6962;margin:1rem}input{background-color:#f2f0eb;border:1px solid #847b61;border-radius:5px;width:80%;max-width:400px;margin:0 auto 1rem;padding:10px;font-size:1rem;transition:box-shadow .3s;display:block}input:hover{box-shadow:0 0 8px #713d20}input:focus{border:2px solid #713d20;outline:none}button{cursor:pointer;color:#fff5e8;background-color:#713d20;border:none;border-radius:5px;margin:.5rem auto;padding:10px 20px;font-size:16px;transition:all .3s;display:block}button:hover{color:#fff5e8;background-color:#a77648}button:active{background-color:#59331b}.bookItem{background-color:#f2f0eb;border:1px solid #847b61;border-radius:5px;flex-direction:row;justify-content:space-between;align-items:center;width:70%;margin:.5rem auto;padding:1rem;transition:all .2s;display:flex;position:relative}.bookItem:hover{cursor:pointer;box-shadow:0 0 5px #0000001a}.bookItem:active{transform:translateY(3px);box-shadow:0 0 5px #00000026}.bookItem h3{text-align:left;text-transform:uppercase;color:#713d20;margin:0 0 .5rem;font-size:clamp(1rem,1.25vw,1.5rem);font-weight:600}.bookItem .bookAuthor{text-align:left;color:#6b6962;margin:0 1rem 0 0;font-size:clamp(.9rem,1.1vw,1.2rem);display:block}.bookItem .bookInfo{flex:1}.bookItem .bookAction{cursor:pointer;color:#fff5e8;background-color:#713d20;border:none;border-radius:5px;padding:.75rem;font-size:clamp(.9rem,1.1vw,1.2rem);font-weight:700;transition:all .3s}.bookItem .bookAction:hover{color:#fff5e8;background-color:#a77648}.bookItem .bookAction:active{background-color:#59331b}.bookDetails{background-color:#f2f0eb;border:1px solid #847b61;border-radius:5px;flex-direction:column;align-items:center;max-width:600px;margin:1rem;padding:1rem;transition:all .2s;display:flex}.bookDetails .backButton{color:#fff5e8;cursor:pointer;background-color:#713d20;border:none;border-radius:5px;margin-bottom:1rem;padding:.5rem 1rem;font-size:clamp(.9rem,1.1vw,1.2rem);transition:all .2s}.bookDetails .backButton:hover{color:#fff5e8;background-color:#a77648}.bookDetails .backButton:active{background-color:#59331b;transform:translateY(2px)}.bookDetails img{border-radius:5px;max-width:150px;margin:1rem auto;box-shadow:0 0 10px #00000026}.bookDetails h2{text-align:center;text-transform:uppercase;color:#713d20;margin:.5rem auto;font-size:2rem;font-weight:600}.bookDetails .bookDescriptionTitle{text-align:center;color:#713d20;margin-top:1rem;font-size:1.25rem;font-weight:700;transition:all .3s}.bookDetails .bookDescription{text-align:left;color:#6b6962;margin-top:1rem;font-size:clamp(1rem,1.25vw,1.5rem)}#searchResults{flex-wrap:wrap;justify-content:center;margin-top:1rem;display:flex}#searchResultsTitle{text-align:center;color:#713d20;margin-top:1rem;font-size:clamp(1.25rem,1.5vw,2rem)}#searchAlert{text-align:center;color:#e74c3c;opacity:1;margin-top:0;font-size:.75rem;transition:all .3s}#searchAlert.hidden{pointer-events:none;opacity:0}footer{text-align:center;background-color:#f2f0eb;border-top:1px solid #847b61;width:100%;margin-top:2rem;padding:1rem}footer .footer-text{color:#6b6962;font-size:.75rem}
