/**
  * UPDATE THESE VARIABLES 
  */
html {
  --color-primary: var(--primary);
  --color-on-primary: white;
  --color-secondary: var(--secondary);
  --color-on-secondary: var(--color-primary-low);

  --button-background: var(--color-secondary);
  --button-text: var(--color-on-secondary);
  --button-icon-background: var(--color-on-secondary);
  --button-icon-color: var(--color-secondary);

  --border-color: var(--color-secondary);

  --header-height: 32px; /* Only set this if the title section needs to go under the header */

  --font-heading: var(--font);
  --font-body: var(--paragraph-font);
}

.localized-service #section-1 .title-block :is(svg, h2) {
  color: var(--color-secondary);
}

.localized-service section#faq .title-block h2 .label {
  color: var(--color-on-secondary);
  background: var(--color-secondary);
}