/* trymem brand palette — overrides Bootstrap's default blue.
   Change --brand here to re-theme every page at once. */
:root {
  --brand: #4f46e5;     /* indigo */
  --brand-d: #4338ca;   /* hover/active */
  --brand-l: #eef2ff;   /* light tint */
  --bs-primary: #4f46e5;
  --bs-primary-rgb: 79, 70, 229;
  --bs-link-color-rgb: 79, 70, 229;
  --bs-link-hover-color-rgb: 67, 56, 202;
}
.btn-primary {
  --bs-btn-bg: var(--brand); --bs-btn-border-color: var(--brand);
  --bs-btn-hover-bg: var(--brand-d); --bs-btn-hover-border-color: var(--brand-d);
  --bs-btn-active-bg: var(--brand-d); --bs-btn-active-border-color: var(--brand-d);
  --bs-btn-disabled-bg: var(--brand); --bs-btn-disabled-border-color: var(--brand);
}
.btn-outline-primary {
  --bs-btn-color: var(--brand); --bs-btn-border-color: var(--brand);
  --bs-btn-hover-bg: var(--brand); --bs-btn-hover-border-color: var(--brand);
  --bs-btn-active-bg: var(--brand-d); --bs-btn-active-border-color: var(--brand-d);
}
.btn-dark { --bs-btn-bg: #11131a; --bs-btn-border-color: #11131a; --bs-btn-hover-bg: #1e222b; --bs-btn-hover-border-color: #1e222b; }
a { color: var(--brand); }
a:hover { color: var(--brand-d); }
.text-primary { color: var(--brand) !important; }
.price-pop { border-color: var(--brand) !important; }
.step-num { background: var(--brand-l) !important; color: var(--brand) !important; }