/* ApprovedExtras brand overrides — loaded AFTER styles.css.
   Repoints the stock SB-UI-Kit blue/purple to ApprovedExtras' darker blue.
   (The teal/green palette is reserved for the sibling apps.)
   The vendored styles.css is left untouched. */

:root {
  --bs-primary: #1e40af;
  --bs-primary-rgb: 30, 64, 175;
  --bs-primary-soft: #dbeafe;
  --bs-primary-soft-rgb: 219, 234, 254;
}

/* Hero / pricing-pro / CTA gradient */
.bg-gradient-primary-to-secondary {
  background-color: #1e3a8a !important;
  background-image: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%) !important;
}

/* Solid primary buttons */
.btn-primary {
  --bs-btn-bg: #1e40af;
  --bs-btn-border-color: #1e40af;
  --bs-btn-hover-bg: #1e3a8a;
  --bs-btn-hover-border-color: #1e3a8a;
  --bs-btn-focus-shadow-rgb: 30, 64, 175;
  --bs-btn-active-bg: #172e6e;
  --bs-btn-active-border-color: #172e6e;
  --bs-btn-disabled-bg: #1e40af;
  --bs-btn-disabled-border-color: #1e40af;
}

/* Outline primary buttons */
.btn-outline-primary {
  --bs-btn-color: #1e40af;
  --bs-btn-border-color: #1e40af;
  --bs-btn-hover-bg: #1e40af;
  --bs-btn-hover-border-color: #1e40af;
  --bs-btn-focus-shadow-rgb: 30, 64, 175;
  --bs-btn-active-bg: #1e40af;
  --bs-btn-active-border-color: #1e40af;
  --bs-btn-disabled-color: #1e40af;
  --bs-btn-disabled-border-color: #1e40af;
}

/* App icon — the artwork is a flat square, so the launcher corner radius
   (22.4%, matching iOS) is applied here rather than baked into the PNG. */
.app-icon {
  border-radius: 22.4%;
  display: block;
}

/* Selector is scoped to the navbar to outrank the kit's
   `.navbar-marketing .navbar-brand img { height: 1rem }`, which assumes a wide
   wordmark and would otherwise squash the square icon to 30x16. */
.navbar-marketing .navbar-brand img.app-icon-sm {
  width: 30px;
  height: 30px;
}

/* On the download CTA the icon sits on the brand gradient, so it needs a
   shadow to separate from a background in its own blue family. */
.app-icon-lg {
  width: 104px;
  height: 104px;
  margin-inline: auto;
  box-shadow: 0 18px 38px -10px rgba(8, 20, 62, 0.55);
}