@import url(https://fonts.bunny.net/css?family=noto-sans-display:300,400,600,800);

:root {
    --accent: #8E1616;
    --accent-light: #D84040;
    --light: #EEEEEE;
    --dark: #1D1616;
    --darker: #1b0707;
}

body {
    font-family: 'Noto Sans Display', sans-serif;
    background-color: var(--dark);
    color: var(--light);
}

/*
 * Utilities
 */

.bg-dark {
    background-color: var(--darker);
}

.text-light {
    color: var(--light) !important;
}

/**
 * Link styles
 */

a {
    color: var(--accent);
    text-decoration: none;
}

a:hover {
    color: var(--accent);
    text-decoration: underline;
}

a.btn {
    text-decoration: none;
}

.navbar a:hover {
    text-decoration: none;
}

/**
 * Navbar styles
 */

.navbar {
    background-color: var(--accent);
    color: var(--light);
    border-bottom: 5px solid var(--accent-light);
}

.navbar-expand-lg .navbar-nav .nav-link {
    color: var(--light);
    font-weight: 600;
    text-align: center;
    margin: 0.2rem;
    padding: 0.5rem 1rem;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    background: var(--accent-light);
}

/**
* Heading styles
 */

h1 {
    font-size: 1.2rem;
    font-weight: 600;
    border-bottom: 2px solid var(--accent);
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

h2 {
    font-size: 1.1rem;
    font-weight: 600;
    border-bottom: 2px solid var(--accent);
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

@media (min-width: 1200px) {
    h1 {
        font-size: 1.4rem;
        border-bottom: 3px solid var(--accent);
    }

    h1 {
        font-size: 1.3rem;
        border-bottom: 3px solid var(--accent);
    }
}

/**
 * Card styles
 */

.card {
    background-color: var(--darker);
    color: var(--light);
    border: 1px solid var(--dark);
    transition: background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.card:hover {
    background-color: var(--accent);
    border: 1px solid var(--accent);
}

.card-body {
    padding: 0.5rem 0.5rem 0.5rem 1rem;
}

a.card-title {
    margin: 0;
    font-weight: 600;
    text-decoration: none;
}

a.card-title:hover {
    color: var(--light);
}

@media (min-width: 762px) {

    .card-body {
        padding: 0.5rem 0.5rem 0.65rem 1rem;
    }

    a.card-title {
        font-size: 0.8rem;
    }
}


/**
 * Button styles
 */

.btn-bold {
    font-weight: bold;
}

.btn-primary {
    color: var(--light);
    background-color: var(--accent);
    border-color: var(--accent);
    border-bottom: 5px solid var(--accent-light);
    transition: background-color 0.15s ease-in-out,
    color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:first-child:active {
    color: var(--light);
    background-color: var(--accent-light);
    border-color: var(--accent-light);
    border-bottom: 5px solid var(--accent);
}

.btn-light {
    color: var(--dark);
    background-color: var(--light);
    border-color: var(--light);
    transition: background-color 0.15s ease-in-out,
    color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.active {
    color: var(--dark);
    background-color: #e6d1b8; /* slightly darker for hover */
    border-color: #e6d1b8;
}

.navbar .btn-group a {
    font-weight: 600;
}

.btn-group a:hover {
    text-decoration: none;
}


/**
 * Form styles
 */

.form-select-color {
    background-color: var(--accent);
    color: var(--light);
    border-color: var(--accent);
}

/**
 * Table styles
 */

.table, .table>:not(caption)>*>* {
    background-color: var(--dark);
    color: var(--light) !important;
}

/**
 * Footer styles
 */

footer {
    background-color: var(--accent-light);
    color: var(--light);
    font-size: 0.7rem;
    border-top: 5px solid var(--light);
}

footer a {
    color: var(--light);
    font-weight: 600;
    text-decoration: none;
}

footer a:hover {
    color: var(--light);
    text-decoration: underline;
}