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: #fff;
  --header-interaction-medium: #f9f9f9;
  --header-interaction-hi: #f0f0f0;
  --on-header: #0a2a3c;
  --primary: #00abbe;
  --primary-interaction-low: #e6f7f9;
  --primary-interaction-medium: #33bccb;
  --on-primary: #fff;
  --secondary: #6db71b;
  --secondary-interaction-low: #f0f8e8;
  --secondary-interaction-medium: #6bc96b;
  --on-secondary: #fff;
  --tertiary: #d0024e;
  --tertiary-interaction-low: #d0024e;
  --tertiary-interaction-medium: #d93571;
  --on-tertiary: #fff;
  --background: #fff;
  --surface: #f0f0f0;
  --section-surface: #fff;
  --on-surface-hi: #000000de;
  --on-surface-m: #0009;
  --on-surface-low: #00000061;
  --alternate-section-surface: #f0f0f0;
  --on-alternate-section-hi: #000000de;
  --on-alternate-section-m: #0009;
  --on-alternate-section-low: #00000061;
  --color-block: #d0024e;
  --on-color-block: #fff;
  --alternate-surface: #052030;
  --alternate-surface-variant1: #0a2a3c;
  --alternate-surface-variant2: #0f4862;
  --on-alternate-surface-hi: #fff;
  --on-alternate-surface-m: #ffffffde;
  --on-alternate-surface-low: #fff9;

  /* custom theme variables */
  --cbt-primary-font-family: 'Muli', sans-serif;
  --cbt-secondary-font-family: 'Montserrat', sans-serif;

  /* cbt-header component */
  --cbt-header-button-outline-border: var(--primary);
  --cbt-header-button-outline-color: var(--primary);

  /* cbt-accordion component */
  --cbt-accordion-border-radius: 2px;
  --cbt-accordion-transparent-box-border-top: 1px solid #bbb;

  /* cbt-button component */
  --cbt-button-border-radius: 2px;
  --cbt-header-button-border-radius: 2px;
  --cbt-button-primary-color-hover-outline: rgba(0 171 190 / 8%);
  --cbt-button-secondary-color-hover-outline: rgba(109 183 27 / 8%);

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

  /* cbt-countdown compoment */
  --cbt-countdown-border-radius: 2px;
  --cbt-countdown-count-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-stepper component */
  --cbt-stepper-icon-font-family: var(--cbt-secondary-font-family);

  /* cbt-footer component */
  --cbt-footer-background-color: #1c3b4c;
}