/* Bayes Pharma unified product identity — BayesCare
 * The Bayes Pharma master mark stays unchanged; red identifies Clinical.
 * Clinical safety/status colors remain semantic and are not repurposed as brand.
 */
:root {
  --bp-master-navy: #082A4B;
  --bp-master-navy-dark: #061F38;
  --bp-product-accent: #F04444;
  --bp-product-accent-dark: #BD2B2B;
  --bp-product-accent-soft: #FDECEC;
  --bp-product-accent-faint: #FFF7F7;

  --accent: var(--bp-product-accent);
  --accent-2: var(--bp-product-accent-dark);
  --accent2: var(--bp-product-accent-dark);
  --accent-soft: var(--bp-product-accent-soft);
  --accent-ink: var(--bp-product-accent-dark);
  --brand: var(--bp-product-accent);
  --brand2: var(--bp-product-accent-dark);
  --nav: var(--bp-master-navy);
}

html.dark,
html[data-theme="dark"] {
  --bp-product-accent: #F04444;
  --bp-product-accent-dark: #FF9292;
  --bp-product-accent-soft: #4A2020;
  --bp-product-accent-faint: #2B1515;
  --accent: var(--bp-product-accent);
  --accent-2: var(--bp-product-accent-dark);
  --accent2: var(--bp-product-accent-dark);
  --accent-soft: var(--bp-product-accent-soft);
  --accent-ink: var(--bp-product-accent-dark);
  --brand: var(--bp-product-accent);
  --brand2: var(--bp-product-accent-dark);
  --nav: #061F38;
}

/* Same official Bayes Pharma mark on every Clinical workspace. */
.brand-logo,
.brand-mark img,
.topbar .brand-mark img,
img[src*="bp%20logo.png"],
img[src*="bp logo.png"] {
  object-fit: contain;
  object-position: center;
}

.brand-logo,
.brand .brand-logo {
  width: 43px;
  height: 43px;
  padding: 2px;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(8, 42, 75, .12);
}

/* Keep the family identity navy; use red only for product-level emphasis. */
.brand strong,
.topbar strong,
.site-brand strong {
  color: var(--ink, var(--bp-master-navy));
}

.nav-cta,
.action.primary,
.btn-primary,
.primary-btn,
button.primary {
  color: #fff;
  background: linear-gradient(135deg, var(--bp-product-accent), var(--bp-product-accent-dark));
  border-color: var(--bp-product-accent-dark);
}

.nav-link.active,
.nav-link:hover,
.eyebrow,
.kicker,
.module-label,
.step-label,
.product-accent-text {
  color: var(--bp-product-accent-dark);
}

.eyebrow,
.kicker.badge,
.product-pill,
.brand-pill,
.badge-brand {
  background: var(--bp-product-accent-soft);
  border-color: color-mix(in srgb, var(--bp-product-accent) 24%, var(--line, transparent));
}

.gradient-text {
  background-image: linear-gradient(135deg, var(--ink, var(--bp-master-navy)) 8%, var(--bp-product-accent) 56%, var(--bp-product-accent-dark));
}

.scroll-progress span,
.progress-bar .fill,
.active-indicator {
  background: linear-gradient(90deg, var(--bp-product-accent), var(--bp-product-accent-dark));
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline-color: var(--bp-product-accent) !important;
}

::selection {
  background: color-mix(in srgb, var(--bp-product-accent) 24%, white);
  color: var(--bp-master-navy-dark);
}

/* Never collapse clinical meaning into the BayesCare brand color. */
.status-good, .success, .status-success, .good { color: #0E9F6E; }
.status-low, .warning, .status-warning, .warn { color: #B7791F; }
.status-high, .error, .status-error, .danger { color: #C0392B; }

@media (forced-colors: active) {
  .brand-logo,
  .brand-mark img { border: 1px solid CanvasText; background: Canvas; }
}