/* Dynamic Theme Colors */
:root {
  --primary-color: #000000;
  --sub-color: #ffffff;
  --headline-color: #242424;
}

/* Override default colors when theme is applied */
body.theme-applied {
  /* Primary color applications */
  --primary-color: var(--dynamic-primary-color, #000000);
  --sub-color: var(--dynamic-sub-color, #ffffff);
  --headline-color: var(--dynamic-headline-color, #242424);
}

/* Title and heading elements that can use headline-color */
.content-home .visual .inner h2 {
  color: var(--headline-color) !important;
}

.content-live .notice p {
  color: var(--headline-color) !important;
}