:root {
    --brand-orange: #f5821f;
    --brand-orange-dark: #d96c10;
    --brand-orange-light: #fff1e6;
}

/* ナビゲーションバー */
nav.navbar.bg-dark {
    background-color: var(--brand-orange) !important;
}

/* ボタン（プライマリ） */
.btn-primary {
    background-color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: var(--brand-orange-dark) !important;
    border-color: var(--brand-orange-dark) !important;
}

/* ボタン（アウトラインプライマリ） */
.btn-outline-primary {
    color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
}
.btn-outline-primary:hover {
    background-color: var(--brand-orange) !important;
    color: #fff !important;
}

/* リンク文字色（見出しの日付など） */
a {
    color: var(--brand-orange-dark);
}
a:hover {
    color: var(--brand-orange);
}

/* 表示切替タブ（アクティブ状態） */
.view-tab-active {
    background-color: var(--brand-orange) !important;
    color: #fff !important;
}
.view-tab-active:hover {
    background-color: var(--brand-orange) !important;
}

/* ミニカレンダー：今日／選択日 */
.mc-today {
    background-color: var(--brand-orange-light) !important;
}
.mc-selected {
    border-color: var(--brand-orange-dark) !important;
}

/* 月表示カレンダーの当日ハイライト */
.table-warning, td.table-warning {
    background-color: var(--brand-orange-light) !important;
}

/* バッジ（青系のprimaryバッジをオレンジに） */
.badge.bg-primary {
    background-color: var(--brand-orange) !important;
}

/* 週表示・日表示のクリック可能セルのホバー */
.calendar-cell-clickable:hover,
.timed-cell:hover {
    background-color: var(--brand-orange-light) !important;
}