/* loseweight.com.my theme on top of the Fila (Bootstrap 5) template.
   Load after assets/fila/css/style.css. Overrides Fila's blue primary with the brand green. */
:root,
[data-bs-theme=light] {
  --lw-green: #7ac143;
  --lw-green-text: #3b7a14;   /* readable green for text on white (≥4.5:1) */
  --lw-ink: #13201a;
  --lw-ink-2: #1f2d26;
  --bs-primary: #7ac143;
  --bs-primary-rgb: 122, 193, 67;
  --bs-link-color: #3b7a14;
  --bs-link-color-rgb: 59, 122, 20;
  --bs-link-hover-color: #2c5e0e;
  --bs-body-bg: #f1f5ee;
  --bs-body-bg-rgb: 241, 245, 238;
}

body { background: var(--bs-body-bg); color: #3b443d; }

.btn-primary {
  --bs-btn-color: #13201a;
  --bs-btn-bg: #7ac143;
  --bs-btn-border-color: #7ac143;
  --bs-btn-hover-color: #13201a;
  --bs-btn-hover-bg: #8dd055;
  --bs-btn-hover-border-color: #8dd055;
  --bs-btn-focus-shadow-rgb: 122, 193, 67;
  --bs-btn-active-color: #13201a;
  --bs-btn-active-bg: #6bad38;
  --bs-btn-active-border-color: #6bad38;
  --bs-btn-disabled-color: #13201a;
  --bs-btn-disabled-bg: #7ac143;
  --bs-btn-disabled-border-color: #7ac143;
  font-weight: 600;
}
.btn-primary.text-white { color: #13201a !important; }
.btn-outline-primary {
  --bs-btn-color: #3b7a14;
  --bs-btn-border-color: #7ac143;
  --bs-btn-hover-color: #13201a;
  --bs-btn-hover-bg: #7ac143;
  --bs-btn-hover-border-color: #7ac143;
  --bs-btn-active-color: #13201a;
  --bs-btn-active-bg: #7ac143;
  --bs-btn-active-border-color: #7ac143;
}
.text-primary { color: var(--lw-green-text) !important; }
.bg-primary { background-color: var(--lw-green) !important; color: var(--lw-ink); }
.border-primary { border-color: var(--lw-green) !important; }
.form-control:focus, .form-select:focus, .form-check-input:focus {
  border-color: var(--lw-green);
  box-shadow: 0 0 0 .2rem rgba(122, 193, 67, .25);
}
.form-check-input:checked { background-color: var(--lw-green); border-color: var(--lw-green); }
.progress-bar { background-color: var(--lw-green); }
:focus-visible { outline: 3px solid #ff5a1f; outline-offset: 2px; }

/* dark surfaces used on the public page and admin sidebar accents */
.bg-ink { background: var(--lw-ink) !important; color: #fff; }
.bg-ink-2 { background: var(--lw-ink-2) !important; color: #fff; }
.text-lime { color: var(--lw-green) !important; }
mark.hl { background: var(--lw-green); color: var(--lw-ink); padding: 0 .14em; border-radius: 4px; }