/* Voting – colour scheme: slate #1f2a44 / white / indigo #4f46e5 */

:root {
    --v-slate:        #1f2a44;
    --v-indigo:       #4f46e5;
    --v-indigo-hover: #4338ca;
    --v-indigo-tint:  #eef0ff;

    /* Map Bootstrap's theme roles onto the scheme */
    --bs-primary:        var(--v-indigo);
    --bs-primary-rgb:    79, 70, 229;
    --bs-link-color:     var(--v-indigo);
    --bs-link-color-rgb: 79, 70, 229;
    --bs-link-hover-color: var(--v-indigo-hover);
    --bs-border-radius:  .5rem;
}

body {
    background-color: #f5f6fa;
}

/* --- Navbar (slate chrome, white text/icons) --- */
.vote-navbar {
    background-color: var(--v-slate);
}
.vote-navbar .navbar-brand,
.vote-navbar .nav-link {
    color: #fff;
}
.vote-navbar .nav-link.active {
    color: #fff;
    box-shadow: inset 0 -3px 0 #fff;
}

/* --- Primary actions -> indigo --- */
.btn-success,
.btn-primary {
    --bs-btn-bg:               var(--v-indigo);
    --bs-btn-border-color:     var(--v-indigo);
    --bs-btn-hover-bg:         var(--v-indigo-hover);
    --bs-btn-hover-border-color: var(--v-indigo-hover);
    --bs-btn-active-bg:        var(--v-indigo-hover);
    --bs-btn-active-border-color: var(--v-indigo-hover);
    --bs-btn-color:            #fff;
    --bs-btn-hover-color:      #fff;
    --bs-btn-active-color:     #fff;
    --bs-btn-disabled-bg:      var(--v-indigo);
    --bs-btn-disabled-border-color: var(--v-indigo);
    --bs-btn-disabled-color:   #fff;
}

/* --- Accents --- */
.border-info      { border-color: var(--v-indigo) !important; }
.progress-bar     { background-color: var(--v-indigo); }
.fa-trophy        { color: var(--v-indigo); }
#whoami           { font-style: italic; }

/* --- Ballot --- */
.ballot-item .rank-badge {
    min-width: 1.75rem;
    background-color: var(--v-indigo) !important;
}
.ballot-item      { border-left: 3px solid var(--v-indigo); }
.unranked-item    { border-left: 3px solid #cbd0e0; opacity: .9; }

/* --- Results --- */
.pref-row.is-winner .progress-bar { background-color: var(--v-slate); }
.pref-row.is-winner               { font-weight: 600; }