/* Case study colour themes: put the class on <body> (e.g. <body class="theme-luno">). Each theme sets the gradient for the case header title, the accent colour for titles on dark sections and (optional) --case-eyebrow, a colour for the eyebrow above the title (default dark grey). */
.theme-luno {
  --case-gradient: linear-gradient(65.89deg, #162af1 2.6247%, #0d188b 81.169%);   /* case header title */
  --case-accent-dark: #56a5ff;                                                     /* titles on dark sections */
}
.theme-haven {
  --case-gradient: linear-gradient(85.45deg, #409ed1 8.7785%, #002940 99.396%);   /* case header title (Figma Haven header) */
  --case-accent-dark: #409ed1;                                                     /* titles on dark sections (the light end of the gradient; no dark section is designed yet) */
}
/* Haven's titles on dark sections are a gradient (Luno's is a flat colour: --case-accent-dark). The padding / margin pair keeps the layout where it was (see lockup.css, gradient title). */
.theme-haven .cs-section--dark .cs-section__title {
  background-image: linear-gradient(90deg, #64c7ff, #d6f0ff); -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent; padding-block: 0.35em; margin-block: -0.35em; padding-inline: 0.12em; margin-inline: -0.12em; width: fit-content;
}
/* ...and on light sections the Haven title uses the header gradient (Luno's light-section titles are flat dark grey). */
.theme-haven .cs-section--light .cs-section__title {
  background-image: var(--case-gradient); -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent; padding-block: 0.35em; margin-block: -0.35em; padding-inline: 0.12em; margin-inline: -0.12em; width: fit-content;
}

/* M&S (Figma "MacBook Pro 16 - 29"): green title gradient; also used by the landing page title swipe. */
.theme-ms {
  --case-gradient: linear-gradient(202.78deg, #3faf49 38.656%, #1a491e 93.049%);   /* case header title */
  --case-accent-dark: #3faf49;                                                     /* titles on dark sections (the light end of the gradient) */
}