/* colors.css */
:root {
  --enji: #8f1d21;
  --enji-light: #a82428;
  --enji-dark: #6d1619;
}

/* 使用する箇所でフォールバックを追加 */
.navbar {
  background-color: var(--enji, #8f1d21); /* フォールバックを追加 */
}

h2 {
  color: var(--enji, #8f1d21);
  border-bottom: 2px solid var(--enji, #8f1d21);
}

.btn-primary {
  background-color: var(--enji, #8f1d21);
  border-color: var(--enji, #8f1d21);
}

.btn-primary:hover {
  background-color: var(--enji-dark, #6d1619);
  border-color: var(--enji-dark, #6d1619);
}