/* There are 3 color scheme variants for each article role color set: regular, reverse, light
   There are 3 elements per scheme/article role: headings (and links etc.), background, text
   In the CSS we define classes like .salto-regular or .salto-reverse which contain already all variants
 */
:root {
  --salto-regular-headings: #0D6EFD;
  --salto-regular-background: #ffffff;
  --salto-regular-text: #212529;

  --salto-reverse-headings: #ffffff;
  --salto-reverse-background: #0D6EFD;
  --salto-reverse-text: #ffffff;

  --salto-light-headings: #0D6EFD;
  --salto-light-background: #E8F0FE;
  --salto-light-text: #212529;

  --editor-regular-headings: #0D6EFD;
  --editor-regular-background: #ffffff;
  --editor-regular-text: #212529;

  --editor-reverse-headings: #ffffff;
  --editor-reverse-background: #0D6EFD;
  --editor-reverse-text: #ffffff;

  --editor-light-headings: #0D6EFD;
  --editor-light-background: #E8F0FE;
  --editor-light-text: #212529;

  --columnist-regular-headings: #0D6EFD;
  --columnist-regular-background: #ffffff;
  --columnist-regular-text: #212529;

  --columnist-reverse-headings: #ffffff;
  --columnist-reverse-background: #0D6EFD;
  --columnist-reverse-text: #ffffff;

  --columnist-light-headings: #0D6EFD;
  --columnist-light-background: #E8F0FE;
  --columnist-light-text: #212529;

  --external-regular-headings: #0D6EFD;
  --external-regular-background: #ffffff;
  --external-regular-text: #212529;

  --external-reverse-headings: #ffffff;
  --external-reverse-background: #0D6EFD;
  --external-reverse-text: #ffffff;

  --light-external-headings: #0D6EFD;
  --light-external-background: #E8F0FE;
  --light-external-text: #212529;

  --partner-content-regular-headings: #7d0068;
  --partner-content-regular-background: #ffffff;
  --partner-content-regular-text: #212529;

  --partner-content-reverse-headings: #ffffff;
  --partner-content-reverse-background: #7d0068;
  --partner-content-reverse-text: #ffffff;

  --partner-content-light-headings: #7d0068;
  --partner-content-light-background: #F0E5EF;
  --partner-content-light-text: #212529;

  --partner-plus-content-regular-headings: #7d0068;
  --partner-plus-content-regular-background: #ffffff;
  --partner-plus-content-regular-text: #212529;

  --partner-plus-content-reverse-headings: #ffffff;
  --partner-plus-content-reverse-background: #7d0068;
  --partner-plus-content-reverse-text: #ffffff;

  --partner-plus-content-light-headings: #7d0068;
  --partner-plus-content-light-background: #F0E5EF;
  --partner-plus-content-light-text: #212529;

  --community-regular-headings: #03cea4;
  --community-regular-background: #ffffff;
  --community-regular-text: #212529;

  --community-reverse-headings: #ffffff;
  --community-reverse-background: #03cea4;
  --community-reverse-text: #ffffff;

  --community-light-headings: #03cea4;
  --community-light-background: #D5F4ED;
  --community-light-text: #212529;

  --advertorial-regular-headings: #616971;
  --advertorial-regular-background: #ffffff;
  --advertorial-regular-text: #212529;

  --advertorial-reverse-headings: #ffffff;
  --advertorial-reverse-background: #616971;
  --advertorial-reverse-text: #ffffff;

  --advertorial-light-headings: #616971;
  --advertorial-light-background: #D5F4ED;
  --advertorial-light-text: #616971;
}

/* Set Salto Fonts */
:root {
  --salto-font-serif: "source serif pro", serif;
  --salto-font-sans: "source sans pro", sans-serif;
  --salto-font-music: "mayenne sans", sans-serif;
}