/* ── Devanco Customer Map — Global Custom Styles ─────────────────────────── */

:root {
    --bs-primary:        #006fb5;
    --bs-primary-rgb:    0, 111, 181;
    --bs-secondary:      #7cc817;
    --bs-secondary-rgb:  124, 200, 23;
    --bs-link-color:         #006fb5;
    --bs-link-hover-color:   #005a94;

    /* Custom shorthand vars for use below */
    --color-primary:       #006fb5;
    --color-primary-dark:  #005a94;
    --color-secondary:     #7cc817;
    --color-secondary-dark:#6aad13;
}

/* Primary button */
.btn-primary {
    background-color: var(--color-primary);
    border-color:     var(--color-primary);
    color:            #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--color-primary-dark) !important;
    border-color:     var(--color-primary-dark) !important;
    color:            #fff;
}

/* Outline primary */
.btn-outline-primary {
    color:        var(--color-primary);
    border-color: var(--color-primary);
}
.btn-outline-primary:hover {
    background-color: var(--color-primary);
    border-color:     var(--color-primary);
    color:            #fff;
}

/* Secondary button */
.btn-secondary {
    background-color: var(--color-secondary);
    border-color:     var(--color-secondary);
    color:            #fff;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: var(--color-secondary-dark) !important;
    border-color:     var(--color-secondary-dark) !important;
    color:            #fff;
}

/* Outline secondary */
.btn-outline-secondary {
    color:        var(--color-secondary);
    border-color: var(--color-secondary);
}
.btn-outline-secondary:hover {
    background-color: var(--color-secondary);
    border-color:     var(--color-secondary);
    color:            #fff;
}

/* Badges */
.badge.bg-primary   { background-color: var(--color-primary)   !important; }
.badge.bg-secondary { background-color: var(--color-secondary) !important; }

/* Links */
a       { color: var(--color-primary); }
a:hover { color: var(--color-primary-dark); }

/* Focus rings */
.form-control:focus,
.form-select:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.2);
}