:root {
    --main-bg-color: #506d2f;
    --sub-bg-color: #7d5642;
    --base-bg-color: #f3ebdd;
    --accent-color: #2a2922;
    --nav-text-color: #fff;
    --header-text-color: #fff;
    --cardbody-text-color: #000;
    --cardbody-bg-color: #fff;
    --btn-text-color: #fff;
}

/*メイン*/
.c-header {
    background-color: var(--main-bg-color) !important;
}

.c-subheader {
    background-color: var(--main-bg-color) !important;
}

    .c-subheader .nav-link {
        color: var(--nav-text-color) !important;
    }

.c-header-nav-link {
    color: var(--nav-text-color) !important;
}

.nav-link.active {
    background-color: var(--main-bg-color) !important;
    color: var(--nav-text-color) !important;
}

.card.event-title {
    border: 1px solid var(--main-bg-color) !important;
}

/*サブ*/
.card-header {
    background-color: var(--sub-bg-color) !important;
    color: var(--header-text-color) !important;
}


/*ベース*/
.c-app {
    background-color: var(--base-bg-color) !important;
}

/*アクセント*/
.btn-customcolor {
    background-color: var(--accent-color) !important;
    color: var(--btn-text-color) !important;
}


/*その他*/
.card-body {
    background-color: var(--cardbody-bg-color) !important;
    color: var(--cardbody-text-color) !important;
}

.card-footer {
    background-color: var(--cardbody-bg-color) !important;
    color: var(--cardbody-text-color) !important;
}

div.date-change{
    background-color:#fff !important;
}