.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;/* 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;
}