.theme-betsolid {
  --cbt-primary-font-family: 'Poppins', system-ui, sans-serif;
  --cbt-secondary-font-family: 'Poppins', system-ui, sans-serif;

  font-family: var(--cbt-primary-font-family);
}

:root,
:host,
cbt-modal {
  --header: #031103;
  --header-interaction-medium: #091609;
  --header-interaction-hi: #091609;
  --on-header: #ffffff;
  --primary: #64d02e;
  --primary-interaction-low: #031103;
  --primary-interaction-medium: #64d02e;
  --on-primary: #031103;
  --secondary: #64d02e;
  --secondary-interaction-low: #f3fbee;
  --secondary-interaction-medium: #75b03e;
  --on-secondary: #031103;
  --tertiary: #f01818;
  --tertiary-interaction-low: #f3fbee;
  --tertiary-interaction-medium: #ff3232;
  --on-tertiary: #031103de;
  --background: #031103;
  --surface: #031103;
  --section-surface: undefined;
  --on-surface-hi: #ffffff;
  --on-surface-m: #ffffffde;
  --on-surface-low: rgba(255, 255, 255, 0.15);
  --on-surface-ulow: rgba(255, 255, 255, 0.1);
  --alternate-section-surface: undefined;
  --on-alternate-section-hi: #031103;
  --on-alternate-section-m: #ffffff99;
  --on-alternate-section-low: #ffffff61;
  --color-block: #64d02e;
  --on-color-block: #ffffff;
  --alternate-surface: #031103;
  --alternate-surface-variant1: #072107;
  --alternate-surface-variant2: #091609;
  --on-alternate-surface-hi: #ffffff;
  --on-alternate-surface-m: #ffffffde;
  --on-alternate-surface-low: #ffffff99;

  /* fds button */
  --fds-btn-accent: #64d02e;
  --fds-btn-accent-hover: #74d543;
  --fds-btn-accent-active: #64d02e;
  --fds-on-btn-accent: #031103de;
  --fds-btn-default: #64d02e;
  --fds-btn-default-hover: #74d543;
  --fds-btn-default-active: #74d543;
  --fds-on-btn-default: #031103;
  --fds-btn-alternate-accent: #64d02e;
  --fds-btn-alternate-accent-hover: #74d543;
  --fds-btn-alternate-accent-active: #74d543;
  --fds-on-btn-alternate-accent: #031103de;
  --fds-btn-on-surface-hover: #03110302;
  --fds-btn-on-surface-active: #0311031a;
  --fds-btn-on-alternate-surface-hover: rgba(255, 255, 255, 0.15);
  --fds-btn-on-alternate-surface-active: rgba(255, 255, 255, 0.3);
  --fds-btn-on-alternate-surface-default: #ffffffde;
  --fds-btn-on-surface-default: #ffffffde;
  --fds-btn-on-header-default: #ffffff;

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

  /* cbt-accordion component */
  --cbt-accordion-border-radius: 12px;
  --cbt-accordion-filled-border: var(--background);
  --cbt-accordion-transparent-box-border-top: 1px solid var(--on-surface-ulow);
  --cbt-accordion-last-item-border-color-custom: var(--on-surface-ulow);

  /* cbt-button component */
  --cbt-button-border-radius: 12px;
  --cbt-button-primary-color-hover-outline: rgba(100 208 46 / 8%);
  --cbt-button-secondary-color-hover-outline: rgba(100 208 46 / 8%);
  --cbt-button-disable-colour-custom: var(--fds-on-btn-default);
  --cbt-button-outlined-color-custom: var(--fds-btn-on-surface-default);
  --cbt-button-outlined-border-color-custom: var(--fds-btn-on-surface-default);
  --cbt-button-outlined-background-color-hover-custom: var(--fds-btn-on-alternate-surface-hover);

  /* cbt-card component */
  --cbt-card-item-border-radius: 12px;

  /* cbt-countdown compoment */
  --cbt-countdown-border-radius: 12px;
  --cbt-countdown-tertiary-txt-color: #000;
  --cbt-countdown-primary-border-color: var(--primary-interaction-medium);
  --cbt-countdown-secondary-border-color: var(--secondary-interaction-medium);
  --cbt-countdown-tertiary-border-color: var(--tertiary-interaction-medium);
  --cbt-countdown-transparent-text-color: var(--on-surface-hi);

  /* <input> field */
  --cbt-border-radius-input-default: 12px;
  --cbt-border-radius-input-alternate: 100px;

  /* cbt-table-pagination */
  --cbt-pagination-hover-color: var(--on-primary);
  --cbt-pagination-btn-border-radius: var(--cbt-button-border-radius);

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

  /* cbt-dynamic-table component */
  --cbt-dynamic-table-top-border-radius: 12px;
  --cbt-dynamic-table-row-border-color: var(--on-surface-low);
  --cbt-dynamic-table-row-font-weight-custom: bold;
  --cbt-dynamic-table-entries-font-weight-custom: bold;
  --cbt-table-bottom-border-custom: none;
  --cbt-table-top-bg-color-custom: var(--primary);
  --cbt-table-top-color-custom: var(--on-primary);
  --cbt-alternate-surface-variant1: var(--alternate-surface-variant1);
  --cbt-alternate-surface-variant2: var(--alternate-surface-variant2);
  --cbt-search-bar-color: var(--on-surface-m);
  --cbt-search-bar-bg-color: var(--background);
  --cbt-select-border-radius: 12px;
  --cbt-entries-bg-color: var(--background);
  --cbt-entries-border-color: var(--on-surface-low);
  --cbt-entries-txt-color: var(--on-surface-hi);
  --cbt-scollbar-background: var(--background);
  --cbt-scrollbar-on-background: var(--on-surface-low);

  /* cbt-stepper component */
  --cbt-stepper-info-background-color: var(--primary);
  --cbt-stepper-info-txt-color: var(--on-primary);

  /* fonts */
  --cbt-primary-font-family: 'Poppins', system-ui, sans-serif;
  --cbt-secondary-font-family: 'Poppins', system-ui, sans-serif;
}