/*
 * Brand theme override for the web (landing page, dashboard, admin, auth) —
 * loaded after bootstrap.min.css so Bootstrap's utility classes
 * (.text-primary, .bg-success, .border-primary, etc.) resolve to the same
 * green identity used by the mobile app / prototype
 * (mobile/src/theme/index.ts brandColors, prototype/css/style.css :root).
 *
 * Bootstrap 5.3 bakes .btn-* colors into component-scoped custom
 * properties (not the root --bs-primary/--bs-success vars), so those are
 * overridden explicitly below in addition to the root vars.
 */
:root,
[data-bs-theme="light"] {
  --bs-primary: #066159;
  --bs-primary-rgb: 6, 97, 89;
  --bs-success: #066159;
  --bs-success-rgb: 6, 97, 89;
  --bs-link-color: #066159;
  --bs-link-color-rgb: 6, 97, 89;
  --bs-link-hover-color: #02403b;
  --bs-link-hover-color-rgb: 2, 64, 59;
}

.bg-brand-gradient {
  background: linear-gradient(-121deg, #02403b, #066159) !important;
}

.btn-primary,
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #066159;
  --bs-btn-border-color: #066159;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #04514a;
  --bs-btn-hover-border-color: #04514a;
  --bs-btn-focus-shadow-rgb: 6, 97, 89;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #02403b;
  --bs-btn-active-border-color: #02403b;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #066159;
  --bs-btn-disabled-border-color: #066159;
}

.btn-outline-primary,
.btn-outline-success {
  --bs-btn-color: #066159;
  --bs-btn-border-color: #066159;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #066159;
  --bs-btn-hover-border-color: #066159;
  --bs-btn-focus-shadow-rgb: 6, 97, 89;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #066159;
  --bs-btn-active-border-color: #066159;
  --bs-btn-disabled-color: #066159;
  --bs-btn-disabled-border-color: #066159;
}