@font-face {
    font-family: "Maven Pro";
    src: url("/assets/fonts/MavenPro-VariableFont_wght.ttf") format("truetype");
}

* {
    box-sizing: border-box;
}

body {
    font-family:
        "Maven Pro",
        "Open Sans",
        -apple-system,
        system-ui,
        BlinkMacSystemFont,
        "Helvetica Neue",
        Arial,
        sans-serif;
    background-color: #fff;
    padding: 0 0 2rem;
}

:root {
    --bs-body-color: #01284f;
    --sb-primary: #01284f;
    --sb-secondary: #36bbd6;
    --sb-primary-dark: #36bbd6;
    --bs-link-color: var(--sb-primary);
    --bs-link-hover-color: var(--bs-body-color);
    --success: #00971e;
}

.btn-secondary {
    --bs-btn-bg: #006cb6;
    --bs-btn-border-color: #006cb6;
}

.nav-link {
    --bs-nav-link-color: #fff;
    --bs-nav-link-font-size: 1.3rem;
    --bs-navbar-nav-link-padding-x: 1rem;
    font-weight: 500;
}

.nav-link.active {
    --bs-navbar-active-color: #000;
    background-color: var(--sb-primary-dark);
    border-radius: 0.5rem;
}

.nav-link.admin {
    opacity: 0.3;
    --bs-nav-link-font-size: 1.3rem;
}

.nav-link:focus,
.nav-link:hover,
a:hover {
    --bs-nav-link-hover-color: var(--sb-primary-dark);
}

nav.navbar {
    --bs-navbar-padding-y: 0.75rem;
    --bs-navbar-padding-x: 1.5rem;
    background-color: var(--sb-primary);
    color: #fff;
}

.navbar-nav {
    --bs-nav-link-padding-x: 1rem;
    gap: 0.5rem;
}

.navbar-toggler {
    background-color: #fff;
}

section .container {
    padding-top: 2rem;
}

table.table {
    --bs-table-hover-bg: #f9f9f9;
}

td.challenge-solved:nth-child(2n),
th.challenge-name:nth-child(2n) div {
    background-color: #f9f9f9;
}

/* Solved indicators */
.ch-solved {
    color: var(--success);
}
.ch-solved-late {
    color: #8f8f8f;
}
.ch-unsolved {
    color: #838383;
}