.theme-betsson
{
    font-family: 'Open Sans',sans-serif;
    --cbt-secondary-font-family: 'GT Walsheim',sans-serif;
}
:root, :host, cbt-modal
{/* variables generated from figma output json file */
    --header: linear-gradient(0deg,#f60 0%,#ff8533 100%);
    --header-interaction-medium: #ff8533;
    --header-interaction-hi: #e45d1c;
    --on-header: #fff;
    --primary: #f60;
    --primary-interaction-low: #fff0e7;
    --primary-interaction-medium: #ff8533;
    --on-primary: #fff;
    --secondary: #40b840;
    --secondary-interaction-low: #ecf7ec;
    --secondary-interaction-medium: #6bc96b;
    --on-secondary: #fff;
    --tertiary: #2e3541;
    --tertiary-interaction-low: #2e3541;
    --tertiary-interaction-medium: #434954;
    --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: #f60;
    --on-color-block: #fff;
    --alternate-surface: #121422;
    --alternate-surface-variant1: #2e2f3c;
    --alternate-surface-variant2: #5c5d67;
    --on-alternate-surface-hi: #fff;
    --on-alternate-surface-m: #ffffffde;
    --on-alternate-surface-low: #fff9;/* custom theme variables */
    --cbt-primary-font-family: 'Open Sans',sans-serif;
    --cbt-secondary-font-family: 'GT Walsheim',sans-serif;/* cbt-header component */
    --cbt-header-logo-max-height-mobile: 32px;/* cbt-button component */
    --cbt-button-primary-color-hover-outline: rgba(255 102 0/8%);
    --cbt-button-secondary-color-hover-outline: rgba(64 184 64/8%);/* cbt-footer component */
    --cbt-footer-background-color: #373944;
}