:root {
                --color-primary: #ffffffff;
            --color-text-primary-hover: #333333ff;
            --color-text-brand: #449dddff;
            --color-header-bg-brand: #ffffffff;
            --color-header-text-brand: #333333ff;
            --color-header-text-hover-brand: #9a205bff;
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            --left-gradient-color: #449dddff;
            --right-gradient-color: #449dddff;
            
            
            
            
            
            
            
    
    
    
    --text-transform: uppercase;

    --color-text: #E1E1E1;
    --color-text-strong: #FFFFFF;
    --color-bg: #000000;
    --color-bg-accent: #232323;
    --color-bg-video-fallback: #0B0B0B;
    --color-bg-timeline-fallback: #1B1B1B;

    --color-toggle-outside: var(--color-toggle-outside-brand, var(--color-bg));
    --color-toggle-inside: var(--color-toggle-inside-brand, #5E5E5E);
    --color-toggle-text: var(--color-toggle-text-brand, var(--color-text));
    --color-toggle-text-active: var(--color-toggle-text-active-brand, var(--color-text-strong));

    --color-black: #000000;
    --color-darker: #0B0B0B;
    --color-dark: #1B1B1B;
    --color-light: #5E5E5E;
    --color-lighter: #999999;
    --color-white: #FFFFFF;

    --color-gradient-brand: linear-gradient(
        var(--color-gradient-brand-degree, 141deg),
        var(--left-gradient-color, var(--color-primary)) 12.61%,
        var(--right-gradient-color, var(--color-primary)) 79.41%
    );

    --color-gradient-controls: linear-gradient(
        to right,
        var(--right-gradient-color) 12.61%,
        var(--right-gradient-color) 79.41%
    );

    --color-bg-search: var(--color-search-bg-brand, var(--color-bg-accent));
    --color-text-search: var(--color-search-text-brand, var(--color-text));
    --color-accent-search: var(--color-search-accent-brand, var(--color-primary));

    --color-bg-filter: var(--filter-background-colour-brand, var(--color-bg-search));
    --color-text-filter: var(--color-filter-text-brand, var(--color-text-search));
    --color-accent-filter: var(--color-filter-accent-brand, var(--color-gradient-controls, var(--color-primary)));

    --color-bg-customize: var(--customize-background-colour-brand, var(--color-bg-filter));
    --color-text-customize: var(--customize-text-colour-brand, var(--color-text-filter));
    --color-accent-customize: var(--customize-accent-colour-brand, var(--color-accent-filter));

    --color-bg-login: var(--login-bg-color-brand, var(--color-bg));
    --color-bg-card-login: var(--login-card-bg-color-brand, var(--color-bg-search));
    --color-text-login: var(--login-text-color-brand, var(--color-text-search));
    --color-accent-bg-login: var(--login-accent-bg-color-brand, var(--color-primary));
    --color-accent-text-login: var(--login-accent-text-color-brand, var(--color-text-strong));

    --color-bg-video: var(--color-video-bg-brand, var(--color-bg-video-fallback));
    --color-text-video: var(--color-video-text-brand, var(--color-text));
    --color-strong-video: var(--color-video-strong-text-brand, var(--color-text-strong));

    --color-bg-timeline: var(--color-timeline-bg-brand, var(--color-bg-timeline-fallback));
    --color-text-timeline: var(--timeline-text-colour-brand, var(--color-text));
    --color-accent-timeline: var(--timeline-accent-colour-brand, var(--color-text-brand));

    --color-waveform-bg-music: var(--default-waveform-bg-colour-brand, var(--color-text-brand));
    --color-waveform-bg-music-active: var(--default-waveform-bg-colour-active, var(--color-text-brand));
    --color-waveform-text-music: var(--default-waveform-text-colour-brand, var(--color-text));
    --color-waveform-wave-music: var(--default-waveform-wave-colour-brand, var(--color-text));

    --color-waveform-bg-sound: var(--sound-waveform-bg-colour-brand, var(--default-waveform-bg-colour-brand, #0e6f89));
    --color-waveform-bg-sound-active: var(--sound-waveform-bg-colour-active, #0e6f89);
    --color-waveform-text-sound: var(--sound-waveform-text-colour-brand, var(--default-waveform-text-colour-brand, #FFFFFF));
    --color-waveform-wave-sound: var(--sound-waveform-wave-colour-brand, var(--default-waveform-wave-colour-brand, #FFFFFF));

    --color-bg-header: var(--color-header-bg-brand, var(--color-primary, #232323));
    --color-text-header: var(--color-header-text-brand, var(--color-text));
    --color-text-hover-header: var(--color-header-text-hover-brand, var(--color-text-strong));

    --color-tabs-bg: var(--tabs-bg-colour-brand, rgba(0, 0, 0, 0.4));
    --color-tabs-text: var(--tabs-text-colour-brand, #ABABAB);

    --color-gradient: var(--color-gradient-brand, var(--color-primary));
    --color-text-on-active-gradient: var(--tabs-active-text-colour-brand, var(--color-text));

    --color-automation-button: var(--color-automation-button-brand, linear-gradient(to bottom, #0059b2 0%,#039fce 100%));
    --color-automation-gradient: linear-gradient(to bottom, var(--color-automation-gradient-top-brand, rgba(0,89,178,0.25)) 0%, var(--color-automation-gradient-bottom-brand, rgba(3,159,206,0.25)) 100%);
    --color-trim-button: var(--color-trim-button-brand, linear-gradient(to bottom, #be1e1e 0%,#d3378b 100%));
    --color-trim-gradient: linear-gradient(to bottom, var(--color-trim-gradient-top-brand, #be1e1e40) 0%, var(--color-trim-gradient-bottom-brand, #d3378b40) 100%);

    --color-timeline-action-bg: var(--color-timeline-action-bg-brand, var(--color-bg-accent));
    --color-timeline-action-bg-disabled: var(--color-timeline-action-bg-disabled-brand, #252525);
    --color-timeline-action-bg-hover: var(--color-timeline-action-bg-hover-brand, #313131);
    --color-timeline-action-text: var(--color-timeline-action-text-brand, var(--color-text));
    --color-timeline-action-text-disabled: var(--color-timeline-action-text-disabled-brand, #999);
    --color-timeline-action-text-hover: var(--color-timeline-action-text-hover-brand, #FFF);
    --color-timeline-action-bars: var(--color-timeline-action-bars-brand, var(--color-bg));
    --color-timeline-action-accent: var(--color-timeline-action-accent-brand, #f47a40);
    --color-timeline-action-on-accent: var(--color-timeline-action-on-accent-brand, #383a3d);

    --color-preview-player-bg: var(--preview-player-bg, var(--color-accent-search));
    --color-preview-player-text: var(--preview-player-text, var(--color-text-search));

    --logo-height: 30px;

    --font-family: var(--font-family-brand, 'Fira Sans Extra Condensed'), sans-serif;
}}