.theme-nordicbet {
  font-family: var(--cbt-primary-font-family);

  --cbt-secondary-font-family: 'Geogrotesque', sans-serif;
}

:root,
:host,
cbt-modal {
  /* variables generated from figma output json file */
  --header: linear-gradient(0deg, #005da7 0%, #1a76c0 100%);
  --header-interaction-medium: #1a76c0;
  --header-interaction-hi: #005da7;
  --on-header: #fff;
  --primary: #0067b9;
  --primary-interaction-low: #e6f0f8;
  --primary-interaction-medium: #1a76c0;
  --on-primary: #fff;
  --secondary: #fd9e02;
  --secondary-interaction-low: #fff5e6;
  --secondary-interaction-medium: #fdb135;
  --on-secondary: #fff;
  --tertiary: #85af9a;
  --tertiary-interaction-low: #85af9a;
  --tertiary-interaction-medium: #9dbfae;
  --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: #0067b9;
  --on-color-block: #fff;
  --alternate-surface: #061a33;
  --alternate-surface-variant1: #233853;
  --alternate-surface-variant2: #254066;
  --on-alternate-surface-hi: #fff;
  --on-alternate-surface-m: #ffffffde;
  --on-alternate-surface-low: #fff9;

  /* fds button */
  --fds-btn-accent: #fd9e02;
  --fds-btn-accent-hover: #fdac2b;
  --fds-btn-accent-active: #fdb135;
  --fds-on-btn-accent: #ffffffde;
  --fds-btn-default: #0067b9;
  --fds-btn-default-hover: #1970b8;
  --fds-btn-default-active: #1a76c0;
  --fds-on-btn-default: #ffffffde;
  --fds-btn-alternate-accent: #85af9a;
  --fds-btn-alternate-accent-hover: #96bba8;
  --fds-btn-alternate-accent-active: #9dbfae;
  --fds-on-btn-alternate-accent: #0067b9;
  --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: #fd9e02;
  --fds-btn-on-surface-default: #0067b9;

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

  /* 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 103 185 / 8%);
  --cbt-button-secondary-color-hover-outline: rgba(253 158 2 / 8%);

  /* cbt-footer component */
  --cbt-footer-background-color: #30445e;
}