:root{
  /* "Gradients are derived from the logo and serve as a key visual element of the brand.
     They should always be created using colors from the primary palette." (Brand kit p.11)
     Every stop below is a primary-palette colour — no off-palette blues. */
  --gradient-teal-mint:linear-gradient(135deg,#008DD5 0%,#2BFBB6 100%); /* @kind color */
  --gradient-blue-navy:linear-gradient(135deg,#008DD5 0%,#004F8F 45%,#001A43 100%); /* @kind color */
  --gradient-deep:linear-gradient(135deg,#004F8F 0%,#00436A 50%,#001A43 100%); /* @kind color */
  --gradient-accent-bar:linear-gradient(90deg,#001A43 0%,#00436A 45%,#008DD5 100%); /* @kind color */ /* the 170x11px bar under every slide title */
  --gradient-footer-band:linear-gradient(90deg,#008DD5 0%,#004F8F 55%,#001A43 100%); /* @kind color */ /* the 67px band across the slide footer */
  --gradient-photo-overlay-teal:linear-gradient(135deg,rgba(0,141,213,0.85) 0%,rgba(43,251,182,0.85) 100%); /* @kind color */
  --gradient-photo-overlay-navy:linear-gradient(135deg,rgba(0,141,213,0.85) 0%,rgba(0,26,67,0.94) 100%); /* @kind color */
  --gradient-title-scrim:linear-gradient(90deg,rgba(0,26,67,0.92) 0%,rgba(0,26,67,0.55) 55%,rgba(0,26,67,0) 100%); /* @kind color */
}