html {
    scrollbar-width: none;
    min-height: 100%;
    background-color: #080808;
    background-image: radial-gradient(circle at top, #252525 0%, #101010 45%, #080808 100%);
    background-attachment: fixed;
    background-repeat: no-repeat;
    color-scheme: dark;
}

html::-webkit-scrollbar {
    display: none;
}

body {
    min-height: 100%;
    background: radial-gradient(circle at top, #252525 0%, #101010 45%, #080808 100%) !important;
    background-color: #080808 !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    color: #e5e7eb;
}

body::before,
body::after {
    background: none !important;
    box-shadow: none !important;
}

html,
body,
button,
a,
input,
select,
textarea,
label,
summary,
option,
.btn,
[role="button"],
[type="button"],
[type="submit"],
[type="reset"] {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='%23080705' stroke='%23f4d35e' stroke-width='1.5'/%3E%3Cpath d='M12 1v6M12 17v6M1 12h6M17 12h6' stroke='%23d8a928' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='%23f5e6cc'/%3E%3C/svg%3E") 12 12, auto;
}

button:hover,
a:hover,
.btn:hover,
[role="button"]:hover,
summary:hover,
option:hover,
input:hover,
select:hover,
textarea:hover {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='7' fill='%23d8a928' fill-opacity='.18' stroke='%23f5e6cc' stroke-width='1.5'/%3E%3Cpath d='M14 1v7M14 20v7M1 14h7M20 14h7' stroke='%23f4d35e' stroke-width='1.5'/%3E%3Ccircle cx='14' cy='14' r='2' fill='%23f5e6cc'/%3E%3C/svg%3E") 14 14, pointer;
}

button,
a {
    accent-color: #d8a928;
}

.primary,
.discord-btn,
.danger,
.danger-btn,
.btn-danger,
.delete-btn,
.logout-btn {
    background: linear-gradient(90deg, #9a7419, #d8a928, #806014) !important;
    border-color: rgba(216, 169, 40, 0.65) !important;
    box-shadow: 0 10px 24px rgba(216, 169, 40, 0.18) !important;
    color: #fff !important;
}

.primary:hover,
.discord-btn:hover,
.danger:hover,
.danger-btn:hover,
.btn-danger:hover,
.delete-btn:hover,
.logout-btn:hover {
    background: linear-gradient(90deg, #b58a22, #f4d35e, #9a7419) !important;
}

.red,
.text-red,
.error,
.error-message,
.danger-text,
.alert-danger {
    color: #f4d35e !important;
}

[class*="red"],
[class*="danger"] {
    border-color: rgba(216, 169, 40, 0.45) !important;
}