/* CALICOjudge theme overrides. Loaded after bootstrap.min.css and style_domjudge.css via customAssetFiles('css') in base.html.twig. */

:root {
    /* Brand orange from the logo. */
    --calico-primary: #e18a54;
    --calico-primary-rgb: 225, 138, 84;

    /* Darker shade that meets WCAG AA for text on white. */
    --calico-primary-dark: #b56937;
    --calico-primary-dark-rgb: 181, 105, 55;

    --calico-navbar-bg: #1b2430;

    /* Bootstrap 5.3 link variables — does not affect button colors. */
    --bs-link-color: var(--calico-primary-dark);
    --bs-link-hover-color: #8a4e28;
    --bs-link-color-rgb: var(--calico-primary-dark-rgb);
}

/* Keep navbar dark and use the brand color as an accent. To tint the whole navbar orange instead, replace the background with var(--calico-primary). */
.navbar.bg-dark {
    background-color: var(--calico-navbar-bg) !important;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: var(--calico-primary);
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show > .nav-link {
    color: var(--calico-primary);
}