/*
 * FahrkartenBüro: brand colors (after kulturdampf.de)
 *   dark green #2b4c3b, light green #628a76, gold #ffd700 (logo), charcoal #1e232b
 */
:root,
[data-bs-theme="light"] {
    --brand-green: #2b4c3b;
    --brand-green-dark: #1f382b;
    --brand-green-light: #628a76;
    --brand-gold: #ffd700;
    --brand-charcoal: #1e232b;

    --bs-primary: #2b4c3b;
    --bs-primary-rgb: 43, 76, 59;
    --bs-primary-text-emphasis: #112017;
    --bs-primary-bg-subtle: #dfe9e4;
    --bs-primary-border-subtle: #abc0b4;
    --bs-link-color: #2b4c3b;
    --bs-link-color-rgb: 43, 76, 59;
    --bs-link-hover-color: #628a76;
    --bs-link-hover-color-rgb: 98, 138, 118;
    --bs-focus-ring-color: rgba(43, 76, 59, .25);
}

[data-bs-theme="dark"] {
    --bs-primary: #628a76;
    --bs-primary-rgb: 98, 138, 118;
    --bs-primary-text-emphasis: #a8c3b5;
    --bs-primary-bg-subtle: #14241c;
    --bs-primary-border-subtle: #2b4c3b;
    --bs-link-color: #8fb3a1;
    --bs-link-color-rgb: 143, 179, 161;
    --bs-link-hover-color: #ffd700;
    --bs-link-hover-color-rgb: 255, 215, 0;
    --bs-body-bg: #1e232b;
    --bs-body-bg-rgb: 30, 35, 43;
    --bs-focus-ring-color: rgba(98, 138, 118, .35);
}

/* buttons */
.btn-primary {
    --bs-btn-bg: #2b4c3b;
    --bs-btn-border-color: #2b4c3b;
    --bs-btn-hover-bg: #628a76;
    --bs-btn-hover-border-color: #628a76;
    --bs-btn-active-bg: #1f382b;
    --bs-btn-active-border-color: #1f382b;
    --bs-btn-disabled-bg: #2b4c3b;
    --bs-btn-disabled-border-color: #2b4c3b;
    --bs-btn-focus-shadow-rgb: 43, 76, 59;
}

.btn-outline-primary {
    --bs-btn-color: #2b4c3b;
    --bs-btn-border-color: #2b4c3b;
    --bs-btn-hover-bg: #2b4c3b;
    --bs-btn-hover-border-color: #2b4c3b;
    --bs-btn-active-bg: #2b4c3b;
    --bs-btn-active-border-color: #2b4c3b;
    --bs-btn-focus-shadow-rgb: 43, 76, 59;
}

[data-bs-theme="dark"] .btn-primary {
    --bs-btn-bg: #3a6551;
    --bs-btn-border-color: #3a6551;
    --bs-btn-hover-bg: #628a76;
    --bs-btn-hover-border-color: #628a76;
    --bs-btn-active-bg: #2b4c3b;
    --bs-btn-active-border-color: #2b4c3b;
}

[data-bs-theme="dark"] .btn-outline-primary {
    --bs-btn-color: #8fb3a1;
    --bs-btn-border-color: #628a76;
    --bs-btn-hover-bg: #3a6551;
    --bs-btn-hover-border-color: #3a6551;
}

/* navbar: dark green with the gold logo */
.navbar.bg-dark {
    --bs-bg-opacity: 1;
    background-color: var(--brand-green) !important;
    /* gold line as inset shadow: does not change the navbar height */
    box-shadow: inset 0 -3px 0 var(--brand-gold);
}

.navbar-brand .brand-logo {
    /* same height as the text brand (font-size 1.25rem, line-height 1.5) so the navbar keeps its height */
    display: block;
    height: 1.875rem;
    width: auto;
    /* the template aligns navbar items by baseline: the logo's baseline sits where the text baseline was */
    margin-bottom: -12.5px;
}

.navbar-dark {
    --bs-navbar-hover-color: #ffd700;
    --bs-navbar-active-color: #ffd700;
}

/* logo on light backgrounds (mobile login): gold needs a dark ground */
.login-mobile-logo {
    background: var(--brand-green);
    border-radius: .5rem;
    padding: .6rem 1rem;
}

.brand-logo-panel {
    max-width: 100%;
    height: auto;
}

/* form focus in brand color */
.form-control:focus,
.form-select:focus {
    border-color: #628a76;
    box-shadow: 0 0 0 .25rem rgba(98, 138, 118, .25);
}

::selection {
    background-color: #628a76;
    color: #fff;
}