.theme-betsafe {
  font-family: 'Museo Sans', sans-serif;
}

:root,
:host,
cbt-modal {
  --header: linear-gradient(90deg, #161616 0%, #242424 100%);
  --header-interaction-medium: #242424;
  --header-interaction-hi: #161616;
  --on-header: #fff;
  --primary: #c1281f;
  --primary-interaction-low: #2e2e2e;
  --primary-interaction-medium: #c53f3a;
  --on-primary: #fff;
  --secondary: #61aa00;
  --secondary-interaction-low: #eff6e9;
  --secondary-interaction-medium: #75b03e;
  --on-secondary: #fff;
  --tertiary: #f7cd45;
  --tertiary-interaction-low: #f7cd45;
  --tertiary-interaction-medium: #f9dc7d;
  --on-tertiary: #000000de;
  --background: #161616;
  --surface: #242424;
  --section-surface: #242424;
  --on-surface-hi: #fff;
  --on-surface-m: #fff9;
  --on-surface-low: #ffffff61;
  --alternate-section-surface: #161616;
  --on-alternate-section-hi: #fff;
  --on-alternate-section-m: #fff9;
  --on-alternate-section-low: #ffffff61;
  --color-block: #c1281f;
  --on-color-block: #fff;
  --alternate-surface: #161616;
  --alternate-surface-variant1: #242424;
  --alternate-surface-variant2: #373737;
  --on-alternate-surface-hi: #fff;
  --on-alternate-surface-m: #ffffffde;
  --on-alternate-surface-low: #fff9;

  /* fds button */
  --fds-btn-accent: #61aa00;
  --fds-btn-accent-hover: #6ea63a;
  --fds-btn-accent-active: #75b03e;
  --fds-on-btn-accent: #ffffffde;
  --fds-btn-default: #c1281f;
  --fds-btn-default-hover: #c23d38;
  --fds-btn-default-active: #c53f3a;
  --fds-on-btn-default: #ffffffde;
  --fds-btn-alternate-accent: #f7cd45;
  --fds-btn-alternate-accent-hover: #f8d972;
  --fds-btn-alternate-accent-active: #f9dc7d;
  --fds-on-btn-alternate-accent: #000000de;
  --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: #ffffffde;
  --fds-btn-on-surface-default: #ffffffde;

  /* custom theme variables */
  --cbt-primary-font-family: 'Museo Sans', sans-serif;
  --cbt-secondary-font-family: 'Museo Sans', sans-serif;
  --cbt-tertiary-font-family: 'Museo Sans', sans-serif;

  /* cbt-header component */
  --cbt-header-logo-max-height-mobile: 32px;

  /* cbt-accordion component */
  --cbt-accordion-border-radius: 2px;
  --cbt-accordion-filled-border: var(--background);
  --cbt-accordion-transparent-box-border-top: 1px solid #bbb;

  /* cbt-dynamic-table component */
  --cbt-dynamic-table-row-border: #000;
  --cbt-dynamic-table-pagination-filled-hover: #343434;
  --cbt-dynamic-table-pagination-transparent-hover: #121212;

  /* cbt-countdown compoment */
  --cbt-countdown-border-radius: 2px;
  --cbt-countdown-tertiary-txt-color: #000;

  /* cbt-button component */
  --cbt-button-border-radius: 2px;
  --cbt-button-primary-color-hover-outline: rgba(193 39 31 / 16%);
  --cbt-button-secondary-color-hover-outline: rgba(97 170 0 / 16%);

  /* cbt-masonry-calendar component */
  --cbt-masonry-card-current-day-title-color: var(--on-surface-hi);

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

  /* cbt-footer component */
  --cbt-footer-background-color: var(--alternate-surface-variant2);
}