cbt-campaign h1,
cbt-campaign h2,
cbt-campaign h3,
cbt-campaign h4,
cbt-campaign h5,
cbt-campaign h6,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
  font-family: var(--cbt-secondary-font-family);
}

:root,
:host,
cbt-modal {
  /* variables generated from figma output json file */
  --header: linear-gradient(0deg, #522474 0%, #75429c 100%);
  --header-interaction-medium: #75429c;
  --header-interaction-hi: #522474;
  --on-header: #fff;
  --primary: #662d91;
  --primary-interaction-low: #f0eaf4;
  --primary-interaction-medium: #75429c;
  --on-primary: #fff;
  --secondary: #4caf50;
  --secondary-interaction-low: #edf7ee;
  --secondary-interaction-medium: #70bf73;
  --on-secondary: #fff;
  --tertiary: #ffde17;
  --tertiary-interaction-low: #ffde17;
  --tertiary-interaction-medium: #ffe545;
  --on-tertiary: #662d91;
  --background: #fff;
  --surface: #f0f0f0;
  --section-surface: #fff;
  --on-surface-hi: #000000de;
  --on-surface-m: #0009;
  --on-surface-low: #00000061;
  --alternate-section-surface: #662d91;
  --on-alternate-section-hi: #fff;
  --on-alternate-section-m: #fff9;
  --on-alternate-section-low: #ffffff61;
  --color-block: #ffde17;
  --on-color-block: #662d91;
  --alternate-surface: #121422;
  --alternate-surface-variant1: #2e2f3c;
  --alternate-surface-variant2: #5c5d67;
  --on-alternate-surface-hi: #fff;
  --on-alternate-surface-m: #ffffffde;
  --on-alternate-surface-low: #fff9;

  /* fds button */
  --fds-btn-accent: #4caf50;
  --fds-btn-accent-hover: #68bb6a;
  --fds-btn-accent-active: #70bf73;
  --fds-on-btn-accent: #ffffffde;
  --fds-btn-default: #662d91;
  --fds-btn-default-hover: #713f97;
  --fds-btn-default-active: #75429c;
  --fds-on-btn-default: #ffffffde;
  --fds-btn-alternate-accent: #ffde17;
  --fds-btn-alternate-accent-hover: #ffe53d;
  --fds-btn-alternate-accent-active: #ffe545;
  --fds-on-btn-alternate-accent: #662d91;
  --fds-btn-on-surface-hover: #00000002;
  --fds-btn-on-surface-active: rgba(0 0 0 / 5%);
  --fds-btn-on-alternate-surface-hover: rgba(255 255 255 / 15%);
  --fds-btn-on-alternate-surface-active: rgba(255 255 255 / 30%);
  --fds-btn-on-alternate-surface-default: #ffde17;
  --fds-btn-on-surface-default: #662d91;

  /* custom theme variables */
  --cbt-primary-font-family: 'Poppins', system-ui, sans-serif;
  --cbt-secondary-font-family: 'Fredoka', system-ui, sans-serif;
  --cbt-tertiary-font-family: 'Poppins', system-ui, sans-serif;

  /* cbt-accordion component */
  --cbt-accordion-border-radius: 8px;

  /* cbt-button component */
  --cbt-button-border-radius: 28px;
  --cbt-button-primary-color-hover-outline: rgba(102 45 145 / 8%);
  --cbt-button-secondary-color-hover-outline: rgba(76 175 80 / 8%);

  /* cbt-card component */
  --cbt-card-background-color: var(--tertiary);
  --cbt-card-overlay-background: var(--tertiary);
  --cbt-card-overlay-color: var(--on-tertiary);

  /* cbt-countdown component */
  --cbt-countdown-tertiary-txt-color: var(--on-tertiary);
  --cbt-countdown-count-font-family: var(--cbt-secondary-font-family);

  /* cbt-header component */
  --cbt-header-logo-max-height-mobile: 40px;
  --cbt-header-button-border-radius: 100px;

  /* cbt-notification component */
  --cbt-notification-transparent-color: var(--tertiary);

  /* cbt-stepper component */
  --cbt-stepper-icon-border-color-small-transparent: var(--tertiary);
  --cbt-stepper-icon-font-family: var(--cbt-secondary-font-family);

  /* cbt-excluded-games component */
  --cbt-excluded-games-title-font-family: var(--cbt-secondary-font-family);

  /* cbt-flip-card component */
  --cbt-flip-card-group-title-font-family: var(--cbt-secondary-font-family);

  /* cbt-odds-event component */
  --cbt-odds-event-name-font-family: var(--cbt-secondary-font-family);

  /* cbt-footer component */
  --cbt-footer-background-color: #3f225e;
  --cbt-footer-color: rgb(190 190 190);
}