:root {
    --color-primary: #967259;
    --color-primary-content: #fff;
    --color-secondary: #585944;
    --color-secondary-content: #fff;
    --color-accent: #E7670C;
    --color-accent-content: #071013;
    --color-neutral: #272727;
    --color-neutral-content: #fff;
    --color-info: #00BFFF;
    --color-info-content: #071013;
    --color-success: #4AD77C;
    --color-success-content: #071013;
    --color-warning: #ffac22;
    --color-warning-content: #071013;
    --color-error: #E9383F;
    --color-error-content: #071013;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: #f6f6f6;
    color: var(--color-neutral);
}

body > main {
    min-height: calc( 100vh - 72px );
}

.bg-soft-grass {
    background-image: linear-gradient(to right top, #c1dfc4 0%, #deecdd 100%);
}

.bg-warm-flame {
    background-image: linear-gradient(to right top, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
}

.bg-strong-bliss {
    background-image: linear-gradient(to right top, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);
}

.hide {
    display: none !important;
}

[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    height: 20px;
    width: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDUuNjYsMTk0LjM0YTgsOCwwLDAsMS0xMS4zMiwxMS4zMkwxMjgsMTM5LjMxLDYxLjY2LDIwNS42NmE4LDgsMCwwLDEtMTEuMzItMTEuMzJMMTE2LjY5LDEyOCw1MC4zNCw2MS42NkE4LDgsMCwwLDEsNjEuNjYsNTAuMzRMMTI4LDExNi42OWw2Ni4zNC02Ni4zNWE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMMTM5LjMxLDEyOFoiPjwvcGF0aD48L3N2Zz4=);
    background-size: 20px 20px;
}

[type="search"]::-webkit-search-cancel-button:hover {
    cursor: pointer;
}