:root {
    --theme-primary: #bedcf4;
    --theme-primary-light: #5CAEDD;
    --theme-primary-dark: #3f82c5;
    --theme-primary-bg: #2252a4;
    --color-font: #6c6c6c;
    --theme-primary-kamoku: #f9f9f9;
    --theme-primary-kamoku-chara: var(--theme-primary-dark);
    --theme-primary-uke: #4b8fcc;
    --theme-primary-uke-chara: #ffffff;
    --theme-primary-uke-border: 2px solid #245d86;
    --theme-primary-uke-hover: #3a7db8;
    --theme-primary-yoya: #1abc9c;
    --theme-primary-yoya-chara: #ffffff; /*#245d86*/
    --theme-primary-yoya-border: 2px solid #71717a;
    --theme-primary-yoya-hover: #658199;
    --color-status: #eaf3fb;
}

.navbar .nav > li > a {
    color: var(--color-white);
}
.fontwhite {
    color: var(--color-font);
}
.lbtn {
    background: var(--theme-primary-dark);
}
@media screen and (max-width: 767px) {
    .navbar .btn-navbar {
        background: var(--theme-primary-dark);
    }
}
@media screen and (min-width: 768px) {
    .navbar .btn-navbar {
        background: var(--theme-primary-dark);
    }
}

.btn-info, .btn-success, .calendar-title {
    background: var(--theme-primary-uke);
    color: #ffffff;
}

.calendar-nav-btn {
    background: var(--theme-primary-yoya);
    color: #ffffff;
}
.entry-button, .forgot-password-link, .section h2 {
    color: var(--theme-primary-dark);
}

.details {
    color: var(--theme-primary);
}