:root{
  /* Brand primary (Merlin) */
  --bs-primary: #004d71;
  --bs-primary-rgb: 0, 77, 113;

  /* Optional: links follow brand */
  --bs-link-color: #004d71;
  --bs-link-hover-color: #00248c; /* Starling, optional accent */

  /* Typography (you said Arial is fine) */
  --bs-font-sans-serif: Arial, sans-serif;
  --bs-body-font-family: Arial, sans-serif;

  /* “75% black” body text feel (brand book guidance) */
  --bs-body-color: rgba(2, 3, 4, 0.75);
  --bs-body-bg: #ffffff;

  /* Rectangular corners globally */
  --bs-border-radius: 0;
  --bs-border-radius-sm: 0;
  --bs-border-radius-lg: 0;
  --bs-border-radius-xl: 0;
  --bs-border-radius-2xl: 0;
  --bs-border-radius-pill: 0;

  /* Focus ring that matches Merlin */
  --bs-focus-ring-color: rgba(0, 77, 113, 0.25);
}


/* Make all buttons rectangular */
.btn{
  border-radius: 0;
}

/* Ensure primary buttons always use Merlin */
.btn-primary{
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  border-radius: 0;
}

/* Outline primary should also follow Merlin */
.btn-outline-primary{
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  border-radius: 0;
}