@font-face {
    font-family: 'NNSwintonSTD';
    src: url('https://www.kto-dev.com/wp-content/themes/env-casino-kto-child/fonts/NNSwintonSTD-Bold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
  
@font-face {
    font-family: 'NNSwintonSTD';
    src: url('https://www.kto-dev.com/wp-content/themes/env-casino-kto-child/fonts/NNSwintonSTD-HeavyItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

:root {
    --brand-font-family-primary: 'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'sans-serif' !important;
    --brand-font-family-secondary: 'NNSwintonSTD', 'sans-serif' !important;

    --brand-primary: #DA0000 !important;
    --brand-secondary: #00DD70 !important;
    --brand-tertiary: #FAD749 !important;

    --brand-error: #FF001A !important;
    --brand-warning: #FA9600 !important;
    --brand-info: #00CED5 !important;

    --brand-neutral-light: #FFFFFF !important;
    --brand-neutral-100: #EEEEEE !important;
    --brand-neutral-200: #D9D9D9 !important;
    --brand-neutral-300: #BDBDBD !important;
    --brand-neutral-400: #9B9B9B !important;
    --brand-neutral-500: #828282 !important;
    --brand-neutral-600: #5A5A5A !important;
    --brand-neutral-700: #3C3C3C !important;
    --brand-neutral-800: #323232 !important;
    --brand-neutral-900: #1E1E1E !important;
    --brand-neutral-dark: #000000 !important;

    /* Text */
    --brand-text-default: #FFFFFF !important;
    --brand-text-inverse: #000000 !important;
    --brand-text-dark: #9B9B9B !important;
    --brand-text-highlight: #FAD749 !important;

    /* Link Text */
    --brand-text-link-default: #FFFFFF !important;
    --brand-text-link-hover: #FAD749 !important;
    --brand-link-nav-default: #FFFFFF !important;
    --brand-link-nav-hover: #FAD749 !important;
    
    /* Surface */
    --brand-surface-background: #000000 !important;
    --brand-surface-background-inverse: #FFFFFF !important;
    --brand-surface-card: #1E1E1E !important;
    --brand-surface-card-high: #323232 !important;
    --brand-surface-card-highlight: #FAD749 !important;

    /* Components */
    --menu-item-default: #9B9B9B !important;
    --menu-item-hover: #FFFFFF !important;

    /* Dropdown */
    --dropdown-item-default: #1E1E1E !important;
    --dropdown-item-hover: #323232 !important;
    --dropdown-border-default: rgba(255, 255, 255, 0.08) !important;
    --dropdown-border-hover: rgba(255, 255, 255, 0.08) !important;

    /* Tab */
    --tab-icon-default: rgba(155, 155, 155, 0.64) !important;
    --tab-icon-hover: rgba(255, 255, 255, 0.64) !important;
    --tab-icon-active: rgba(255, 255, 255, 0.64) !important;
    --tab-icon-open: rgba(255, 255, 255, 0.64) !important;
    --tab-text-default: #9B9B9B !important;
    --tab-text-hover: #FFFFFF !important;
    --tab-text-active: #FFFFFF !important;
    --tab-text-open: #FFFFFF !important;
    --tab-underline-default: rgba(218, 0, 0, 0) !important;
    --tab-underline-hover: rgba(218, 0, 0, 0) !important;
    --tab-underline-active: #DA0000 !important;
    --tab-underline-open: #DA0000 !important;

    /* Buttons */
    --button-primary-default: #DA0000 !important;
    --button-primary-hover: #DA0000 !important;
    --button-primary-active: rgba(218, 0, 0, 0.64) !important;

    --button-primary-border-default: rgba(255, 255, 255, 0) !important;
    --button-primary-border-hover: rgb(255, 255, 255) !important;
    --button-primary-border-active: rgb(255, 255, 255) !important;
    
    --button-secondary-default: #00DD70 !important;
    --button-secondary-hover: #00DD70 !important;
    --button-secondary-active: #77E5AF !important;

    --button-secondary-border-default: rgba(255, 255, 255, 0) !important;
    --button-secondary-border-hover: rgb(255, 255, 255) !important;
    --button-secondary-border-active: rgb(255, 255, 255) !important;
    
    --button-ghost-default: rgba(0, 0, 0, 0) !important;
    --button-ghost-hover: rgba(255, 255, 255, 0) !important;
    --button-ghost-active: rgba(255, 255, 255, 0.08) !important;

    --button-ghost-border-default: #323232 !important;
    --button-ghost-border-hover: #EEEEEE !important;
    --button-ghost-border-active: #EEEEEE !important;

    --button-tertiary-default: #323232 !important;
    --button-tertiary-hover: #323232 !important;
    --button-tertiary-active: #1E1E1E !important;

    --button-tertiary-border-default: #FFFFFF00 !important;
    --button-tertiary-border-hover: #FFFFFF !important;
    --button-tertiary-border-active: #FFFFFF !important;

    --button-round-default: rgba(0, 0, 0, 0.5) !important;
    --button-round-hover: rgba(50, 50, 50, 0.5) !important;

    --button-round-border-default: rgba(50, 50, 50, 0.5) !important;
    --button-round-border-hover: rgba(50, 50, 50, 0.5) !important;

    /* Chip */
    --chip-default: #FAD749 !important;
    --chip-highlight: #00DD70 !important;
}