:root,
[data-bs-theme='light'] {
  --bs-primary: var(--jh-green);
  --bs-primary-rgb: 8, 96, 44;
  --bs-secondary: var(--jh-muted);
  --bs-secondary-rgb: 105, 114, 125;
  --bs-danger: var(--jh-red);
  --bs-danger-rgb: 225, 37, 44;
  --bs-warning: var(--jh-gold);
  --bs-warning-rgb: 225, 201, 37;
  --bs-body-color: var(--jh-body);
  --bs-body-color-rgb: 51, 51, 51;
  --bs-body-bg: var(--jh-surface);
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-border-color: var(--jh-line);
  --bs-link-color: var(--jh-green);
  --bs-link-hover-color: var(--jh-green-700);
  --bs-focus-ring-color: rgba(225, 201, 37, 0.65);
  --bs-border-radius: var(--jh-radius);
  --bs-font-sans-serif: Mukta, system-ui, -apple-system, sans-serif;
  --bs-body-font-size: 1.0625rem;
  --bs-body-line-height: 1.75;
}

.container {
  --bs-gutter-x: 3rem;
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1200px;
  }
}

.btn-sahakari {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: var(--jh-green);
  --bs-btn-border-color: var(--jh-green);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: var(--jh-green-dark);
  --bs-btn-hover-border-color: var(--jh-green-dark);
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: var(--jh-green-700);
  --bs-btn-active-border-color: var(--jh-green-700);
  --bs-btn-focus-shadow-rgb: 225, 201, 37;
}

.btn-sahakari-red {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: var(--jh-red);
  --bs-btn-border-color: var(--jh-red);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #bb1720;
  --bs-btn-hover-border-color: #bb1720;
  --bs-btn-focus-shadow-rgb: 225, 201, 37;
}

.btn {
  min-height: 44px;
}

.btn-close {
  width: 24px;
  height: 24px;
  padding: 10px;
}

.form-control,
.form-select {
  min-height: 48px;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.btn:focus-visible,
.btn-close:focus-visible {
  border-color: var(--jh-gold);
  box-shadow: 0 0 0 0.25rem rgba(225, 201, 37, 0.4);
}

.offcanvas {
  --bs-offcanvas-width: min(88vw, 390px);
}