html:not([style*='--']) #mobileMenu { display: none; }
:root {
    /* fonts */
    --nt-fontfamily: 'Raleway', serif;
    --nt-fontfamilyHeading: 'Raleway', serif;

    /* main colors */
    --nt-bg: #fff;
    --nt-bodycolor: #013878;
    --nt-teaser: #011851;
    --nt-teaser-gradient: transparent;
    --nt-teaser-color: #fff;
    --nt-content: #ddf5ff;
    --nt-divider: #c1ebff;
    --nt-shadow: #013878;
    --nt-color-1: #289d30;
    --nt-color-2: #31bcff;
    --nt-color-3: #f7ab14;
    --nt-btn-color: #fff;
    --nt-btn-bg: #8CBD01;
    --nt-btn-2: #fff;
    --nt-hover: #1ebbff;
    --nt-countdown-bg: #013878;
    --nt-countdown-color: #fff;
    --nt-ticket-prizebox-bg: #013878;
    --nt-ticket-prizebox-color: #fff;
    --nt-ticket-prizebox-divider: #013878;
    --nt-ticket-summarybox-bg: #013878;
    --nt-ticket-summarybox-color: #fff;
    --nt-ticket-upgradebox-bg: #013878;
    --nt-ticket-upgradebox-color: #fff;
    --nt-tickets-graph-bg: #ddf5ff;
    --nt-tickets-graph-color: #fff;
    --nt-tickets-graph-past-bg: #c1edf9;
    --nt-tickets-graph-future-bg: #013878;
    --nt-seating-bg: #fff;
    --nt-seating-color: #013878;
    --nt-seating-divider: #c1ebff;
    --nt-inp-bg: #fff;
    --nt-inp-color: #013878;
    --nt-inp-border: #90ddf4;
    --nt-inp-shadow: #22bbea;
    --nt-lb-bg: #000;
    --nt-lb-color: #fff;
    --nt-alert-text: #fff;
    --nt-info: #0cd5f3;
    --nt-info-alt: #31bcff;
    --nt-warning: #f9aa00;
    --nt-tag: #fff;
    --nt-tag-bg-1: #289d30;
    --nt-tag-bg-2: #f7ab14;


    /* main layout */
    --nt-bg-color: var(--nt-bg);
    --nt-bg-content-color: var(--nt-content);
    --nt-text-color: var(--nt-bodycolor);
    --nt-heading-color: var(--nt-bodycolor);
    --nt-default-shadow: color-mix(in srgb, var(--nt-shadow) 10%, transparent);
    --nt-hover-shadow: color-mix(in srgb, var(--nt-shadow) 20%, transparent);

    /* teaser */
    --nt-bg-teaser: var(--nt-teaser);
    --nt-gradient-teaser-from: color-mix(in srgb, var(--nt-teaser-gradient) 100%, transparent);
    --nt-gradient-teaser-to: color-mix(in srgb, var(--nt-teaser-gradient) 0%, transparent);
    --nt-color-teaser: var(--nt-teaser-color);

    /* tables */
    --nt-table-lines: color-mix(in srgb, var(--nt-color-2) 30%, transparent);
    --nt-table-header-bg: var(--nt-text-color);
    --nt-table-header-color: var(--nt-bg-color);
    --nt-table-bg: var(--nt-bg);
    --nt-table-shadow: var(--nt-default-shadow);
    --nt-table-active-bg: var(--nt-color-1);

    /* graph */
    --nt-graph-color: var(--nt-tickets-graph-color);
    --nt-graph-bg: var(--nt-tickets-graph-bg);
    --nt-graph-past-bg: var(--nt-tickets-graph-past-bg);
    --nt-graph-active-bg: var(--nt-color-1);
    --nt-graph-future-bg: var(--nt-tickets-graph-future-bg);

    /* dividers */
    --nt-divider-main: var(--nt-divider);
    --nt-divider-alt: color-mix(in srgb, var(--nt-color-2) 33%, transparent);

    /* links */
    --nt-link-color: var(--nt-text-color);
    --nt-link-hover-color: var(--nt-hover);

    /* buttons */
    --nt-button-bg: var(--nt-btn-bg);
    --nt-button-color: var(--nt-btn-color);
    --nt-button-hover-bg: var(--nt-hover);
    --nt-button-outline: var(--nt-btn-2);

    /* boxes */
    --nt-box-shadow: var(--nt-default-shadow);
    --nt-box-hover-shadow: var(--nt-hover-shadow);
    --nt-box-bg: var(--nt-bg);

    /* countdown */
    --nt-countdown-box-bg: var(--nt-countdown-bg);
    --nt-countdown-box-color: var(--nt-countdown-color);

    /* tickets */
    --nt-ticket-check-bg: var(--nt-color-2);
    --nt-ticket-check-color: var(--nt-alert-text);
    --nt-ticket-prize-bg: var(--nt-ticket-prizebox-bg);
    --nt-ticket-prize-color: var(--nt-ticket-prizebox-color);
    --nt-ticket-prize-divider: var(--nt-ticket-prizebox-divider);

    --nt-ticket-summary-bg: var(--nt-ticket-summarybox-bg);
    --nt-ticket-summary-color: var(--nt-ticket-summarybox-color);

    --nt-ticket-upgrade-bg: var(--nt-ticket-upgradebox-bg);
    --nt-ticket-upgrade-color: var(--nt-ticket-upgradebox-color);
    --nt-ticket-upgrade-active: var(--nt-color-1);
    --nt-ticket-upgrade-border: var(--nt-divider);
    --nt-ticket-upgrade-border-alt: color-mix(in srgb, var(--nt-divider) 33%, transparent);

    /* seating */
    --nt-seating-box-bg: var(--nt-seating-bg);
    --nt-seating-box-color: var(--nt-seating-color);
    --nt-seating-box-divider: var(--nt-seating-divider);
    --nt-seating-box-shadow: var(--nt-default-shadow);
    --nt-seating-box-counter: var(--nt-color-1);

    /* tags */
    --nt-tag-color: var(--nt-tag);

    /* gallery */
    --nt-gallery-bg: color-mix(in srgb, var(--nt-bodycolor) 80%, transparent);

    /* lightbox */
    --nt-lightbox-bg: var(--nt-lb-bg);
    --nt-lightbox-color: var(--nt-lb-color);

    /* modals */
    --nt-modal-backdrop: color-mix(in srgb, var(--nt-bodycolor) 80%, transparent);
    --nt-modal-bg: var(--nt-bg);
    --nt-modal-color: var(--nt-bodycolor);
    --nt-modal-header-bg: var(--nt-content);
    --nt-spinner: var(--nt-bg);

    /* progress bar */
    --nt-progress-bar: var(--nt-bodycolor);
    --nt-progress-bar-inner: var(--nt-bodycolor);
    --nt-progress-shadow: var(--nt-default-shadow);
    --nt-progress-bg: var(--nt-bg);
    --nt-progress-bar-circle: var(--nt-content);
    --nt-progress-bar-circle-inner: var(--nt-color-1);

    /* swiper scrollbar */
    --nt-scrollbar-bg: var(--nt-bodycolor);
    --nt-scrollbar-bg-active: var(--nt-color-1);

    /* steps */
    --nt-step-bg: var(--nt-bg);
    --nt-step-color: var(--nt-bodycolor);
    --nt-step-active-bg: var(--nt-bodycolor);
    --nt-step-active-color: var(--nt-bg);
    --nt-step-done-color: var(--nt-color-1);
    --nt-step-shadow: var(--nt-default-shadow);

    /* forms */
    --nt-form-shadow: var(--nt-default-shadow);
    --nt-form-bg: var(--nt-bg);
    --nt-form-label: var(--nt-bodycolor);
    --nt-form-input: var(--nt-inp-color);
    --nt-form-input-bg: var(--nt-inp-bg);
    --nt-form-input-border: var(--nt-inp-border);
    --nt-form-input-border-focus: var(--nt-inp-shadow);
    --nt-form-input-shadow: color-mix(in srgb, var(--nt-inp-shadow) 20%, transparent);
    --nt-form-radiotab-border: color-mix(in srgb, var(--nt-color-2) 33%, transparent);
    --nt-form-radiotab-active-bg: var(--nt-inp-color);
    --nt-form-radiotab-active-color: var(--nt-inp-bg);
    --nt-form-alert-color: var(--nt-alert-text);
    --nt-form-alert-info-bg: var(--nt-info);
    --nt-form-alert-info-alt-bg: var(--nt-info-alt);
    --nt-form-alert-warning-bg: var(--nt-warning);
  }