/*
 * site-color.css - トキテツ member-system theme
 */

:root {
  --tblr-primary: #b8402e;
  --tblr-primary-rgb: 184,64,46;
  --tblr-primary-fg: #fff;
  --tblr-primary-darken: #98331f;
  --tblr-primary-lt: #f7dfdb;
  --tblr-link-color: #0f5f86;
  --tblr-link-color-rgb: 15,95,134;
  --tblr-link-hover-color: #0a4a68;
  --tblr-body-bg: #f7f5ef;
  --tblr-border-radius: 8px;
}

.btn-primary {
  --tblr-btn-color: #fff;
  --tblr-btn-bg: #b8402e;
  --tblr-btn-border-color: #b8402e;
  --tblr-btn-hover-color: #fff;
  --tblr-btn-hover-bg: #98331f;
  --tblr-btn-hover-border-color: #98331f;
  --tblr-btn-active-color: #fff;
  --tblr-btn-active-bg: #98331f;
  --tblr-btn-active-border-color: #98331f;
}

.btn-outline-primary {
  --tblr-btn-color: #98331f;
  --tblr-btn-border-color: #b8402e;
  --tblr-btn-hover-color: #fff;
  --tblr-btn-hover-bg: #b8402e;
  --tblr-btn-hover-border-color: #b8402e;
  --tblr-btn-active-color: #fff;
  --tblr-btn-active-bg: #b8402e;
  --tblr-btn-active-border-color: #b8402e;
}

.bg-primary-lt {
  background-color: #f7dfdb !important;
  color: #7a2a1c !important;
}

.text-primary {
  color: #98331f !important;
}

.navbar-vertical .nav-link:hover,
.navbar-vertical .nav-item.active > .nav-link {
  color: #ffd0c7;
}

.page-title {
  color: #2a2620;
}

.tokitetsu-brand .r {
  color: #c0392b;
}

.tokitetsu-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.tokitetsu-brand .brand-mark {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
}

.photo-thumb {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid var(--tblr-border-color);
}

.photo-thumb-lg {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid var(--tblr-border-color);
}

@media (max-width: 575.98px) {
  .photo-thumb-lg {
    width: 96px;
    height: 96px;
  }
}