/*
 * Auth-only first-paint contract.
 * Keep this self-contained: account/base.html intentionally does not load the
 * dashboard app, icon, or brand stylesheets.
 */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url("../fonts/poppins/poppins-400.woff2") format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url("../fonts/poppins/poppins-500.woff2") format("woff2");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url("../fonts/poppins/poppins-600.woff2") format("woff2");
}

:root {
  --bv-green-100: #dcedc8;
  --bv-green-500: #8bc34a;
  --bv-green-700: #689f38;
  --bv-grey-900: #212121;
  --bv-grey-600: #757575;
  --bv-grey-400: #bdbdbd;
  --bv-grey-100: #eff2f7;
  --bv-color-primary: var(--bv-green-700);
  --bv-color-text: var(--bv-grey-900);
  --bv-color-text-muted: var(--bv-grey-600);
  --bv-color-divider: var(--bv-grey-400);
  --bv-color-card-border: var(--bv-grey-100);
  --bs-font-sans-serif: "Poppins", Arial, sans-serif;
  --bs-primary: var(--bv-color-primary);
  --bs-primary-rgb: 104, 159, 56;
  --bs-primary-text-emphasis: var(--bv-green-700);
  --bs-primary-bg-subtle: var(--bv-green-100);
  --bs-primary-border-subtle: var(--bv-green-500);
  --bs-link-color: var(--bv-color-primary);
  --bs-link-color-rgb: 104, 159, 56;
  --bs-link-hover-color: var(--bv-green-500);
  --bs-focus-ring-color: rgba(104, 159, 56, 0.25);
  --bs-body-color: var(--bv-color-text);
  --bs-secondary-color: var(--bv-color-text-muted);
  --bs-border-color: var(--bv-color-divider);
}

::selection {
  background-color: var(--bv-color-primary);
  color: #fff;
}

::-moz-selection {
  background-color: var(--bv-color-primary);
  color: #fff;
}

.auth-body-bg {
  min-height: 100vh;
  background-color: var(--bs-secondary-bg);
  font-family: var(--bs-font-sans-serif);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bv-color-primary);
  --bs-btn-border-color: var(--bv-color-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bv-green-500);
  --bs-btn-hover-border-color: var(--bv-green-500);
  --bs-btn-focus-shadow-rgb: 104, 159, 56;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bv-color-primary);
  --bs-btn-active-border-color: var(--bv-color-primary);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bv-color-primary);
  --bs-btn-disabled-border-color: var(--bv-color-primary);
}

.btn-outline-primary {
  --bs-btn-color: var(--bv-color-primary);
  --bs-btn-border-color: var(--bv-color-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bv-color-primary);
  --bs-btn-hover-border-color: var(--bv-color-primary);
  --bs-btn-focus-shadow-rgb: 104, 159, 56;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bv-color-primary);
  --bs-btn-active-border-color: var(--bv-color-primary);
}

.form-check-input:checked,
.form-check-input[type="checkbox"]:indeterminate {
  background-color: var(--bv-color-primary);
  border-color: var(--bv-color-primary);
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.15rem rgba(104, 159, 56, 0.25);
}

.card {
  --bs-border-color: var(--bv-color-card-border);
}

.avatar-md {
  width: 4.5rem;
  height: 4.5rem;
}

.avatar-title {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--bv-color-primary);
  color: #fff;
  font-weight: 500;
}

.auth-logo .auth-logo-dark {
  display: block;
}

.auth-logo .auth-logo-light {
  display: none;
}

.profile-user-wid {
  margin-top: -26px;
}

.auth-signup-header-img {
  display: block;
  width: 85%;
  max-width: 85%;
  margin-left: auto;
}

.w-md {
  min-width: 110px;
}

.auth-icon {
  display: inline-block;
  flex: 0 0 auto;
  vertical-align: -0.125em;
}

.auth-status-icon {
  width: 2rem;
  height: 2rem;
}