/* Generated by npm run brand:generate. Edit shared/brand/palette.json. */
:root {
  --brand-navy: #221C56;
  --brand-blue: #1E86C8;
  --brand-green: #169C58;
  --brand-red: #D7193F;
  --brand-red-hover: #B81435;
  --brand-red-soft: #FFF1F4;
  --brand-red-on-dark: #FF8FA7;
  --brand-on-red: #FFFFFF;
  --brand-signature: linear-gradient(90deg, var(--brand-blue) 0% 78%, var(--brand-green) 78% 94%, var(--brand-red) 94% 100%);
}

/* Opt-in signature: no positioning changes, no pointer-event interception. */
.brand-signature.brand-signature {
  background-image: var(--brand-signature);
  background-size: 100% 3px;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.brand-rule { height: 3px; background: var(--brand-signature); }
.brand-accent-text { color: var(--brand-red); }
.brand-accent-border { border-color: var(--brand-red); }