/* システム共通 */
html, body {
  height: 100%;
  overflow: auto;
}

.main-content {
  min-height: calc(100vh - var(--header-height));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

body, .main-content {
  margin: 0;
  padding: 0;
}

/* 背景色 */
.bg-light { background-color: #f8f8f8; }
.bg-dark  { background-color: #1d1b1b; }

/* テキスト色 */
.text-dark { color: #1d1b1b; }
.text-navy { color: #1b3675; }
.text-light { color: #f8f8f8; }

/* Primary ボタン */
.btn-primary {
  background-color: #007ACC;
  border-color: #007ACC;
  color: #fff;
}

.btn-primary:hover {
  background-color: #0062a3;
  border-color: #0062a3;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus {
  background-color: #004f80;
  border-color: #004f80;
}

.btn-primary:disabled {
  background-color: #99ccee;
  border-color: #99ccee;
}

/* ログアウトボタン専用 */
.btn-logout {
  background-color: #d9534f;
  border-color: #d9534f;
  color: #fff;
}

.btn-logout:hover {
  background-color: #c9302c;
  border-color: #c9302c;
}

.btn-logout:active,
.btn-logout:focus,
.btn-logout:active:focus {
  background-color: #a52a2a;
  border-color: #a52a2a;
}

.btn-logout:disabled {
  background-color: #e6a1a1;
  border-color: #e6a1a1;
}

.env-local {
  background-color: #007ACC;
  border-color: #007ACC;
  color: #fff;
}

.env-stg {
  background-color: #00cc22b6;
  border-color: #00cc22b6;
  color: #fff;
}

.env-prd {
  background-color: #d9534f;
  border-color: #d9534f;
  color: #fff;
}