/*
 * Copyright (c) 2025 XenoHosts LLC
 */

:root {
    --xenorange-dark: #3a1200;
    --xenorange-dim: #b24929;
    --xenorange-rich: #fe4a00;
    --xenorange-normal: #E95D31;
    --xenorange-light: #ff7a4b;
    --xeno-space-gray: #3d3d3d;
    --xeno-steel-gray: #2c2c2c;

    --blurple: #5865F2;
}

body {
    font-family: "Jost", sans-serif;
}

main {
    min-height: 86vh;
}

.btn-primary {
    background-color: var(--xenorange-normal);
    border-color: var(--xenorange-normal);
    color: var(--bs-white);
}

.btn-primary:hover {
    background-color: hsl(from var(--xenorange-normal) h s calc(l - 15)) !important;
    border-color: hsl(from var(--xenorange-normal) h s calc(l - 15)) !important;
    color: var(--bs-white);
}

.btn-primary:active {
    background-color: hsl(from var(--xenorange-normal) h s calc(l - 20)) !important;
    border-color: hsl(from var(--xenorange-normal) h s calc(l - 20)) !important;
    color: var(--bs-white);
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: hsl(from var(--xenorange-normal) h s calc(l - 20)) !important;
    border-color: hsl(from var(--xenorange-normal) h s calc(l - 20)) !important;
    color: var(--bs-gray-300);
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--xenorange-normal);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Jost", sans-serif;
}

img.nav-logo {
    width: 3rem;
}

.btn-discord {
    background-color: var(--blurple);
    border-color: var(--blurple);
}

.btn-discord:hover {
    background-color: hsl(from var(--blurple) h s calc(l - 10));
    border-color: hsl(from var(--blurple) h s calc(l - 10));
}

.btn-google {
    color: var(--xeno-steel-gray);
    background-color: var(--bs-white);
    border-color: var(--bs-white);
}

.btn-google:hover {
    color: var(--bs-white);
    background-color: hsl(from var(--bs-white) h s calc(l - 75));
    border-color: hsl(from var(--bs-white) h s calc(l - 75));
}

.nav-tabs .nav-link, .nav-underline .nav-link {
    color: var(--bs-body-color);
}

.nav-tabs .nav-link.active, .nav-underline .nav-link.active {
    color: var(--bs-body-color);
}

.page-item.active .page-link {
    border-color: var(--xenorange-normal);
    background-color: var(--xenorange-normal);
}

.page-item .page-link {
    color: var(--bs-body-color);
}

.page-item .page-link.disabled {
    color: var(--bs-body-color);
}

.accordion-header {
    background-color: var(--bs-secondary-bg);
}

.accordion,
.accordion-button,
.accordion-collapse {
    background-color: transparent !important;
    color: var(--bs-body-color) !important;
    box-shadow: none !important;
}

.accordion-button::after {
    display: none;
}

.badge {
    background-color: var(--xenorange-normal) !important;
    border-color: var(--xenorange-normal) !important;
}

.team-card {
    cursor: pointer;
    transition: box-shadow 0.2s ease-in-out;
}

.team-card:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.team-card button {
    pointer-events: auto;
}