:root {
  --primary-color: #5CCCE2;
  --primary-color-rgb: 92, 204, 226;
  --secondary-color: #1B7F96;
  --secondary-color-rgb: 27, 127, 150;
}

/* style.css declares these on *, so they must be overridden there too */
* {
  /* dark surfaces tinted to match the MyPACS cyan */
  --bg-dark-1: #0C171D;
  --bg-dark-2: #13252E;
  --bg-dark-1-rgb: 12, 23, 29;

  /* light cyan buttons need dark text for contrast */
  --btn-color: #0C171D;
}

.d-ticket,
.d-ticket.s2,
.d-ticket.s3 {
  background: url('../../images/misc/l5.webp');
  background-size: cover;
}

/* recolour the purple decorative artwork to the brand cyan */
#section-about .rotate-animation {
  filter: hue-rotate(-80deg);
}

/* long words (e.g. German) in the hero headline break instead of overflowing on phones */
#section-hero h1 {
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
}

/* same recolour, for the sphere artwork used in the split-hero layout */
.hue-brand {
  filter: hue-rotate(-80deg);
}