:root {
    /* named colors */
    --va-black-light: #222222;
    --va-blue: #2D9BF0;
    --va-blue-dark: #285ead;
    --va-glacier-blue: #66D9FF;
    --va-green-matt: #45BB78;
    --va-green-matt-rgb: 69, 187, 120;
    --va-grey-dark: #353535;
    --va-grey: #404040;
    --va-grey-light: #535353;
    --va-grey-lighter: #888888;
    --va-lilac: #b7a8ff;
    --va-mint-green: #47DA87;
    --va-orange: #fc7f34;
    --va-orange-light: #d99f7c;
    --va-magenta: #ff55ff;
    --va-red: #ff4747;
    --va-tomato-red: #FF6347;
    --va-tomato-red-rgb: 255, 99, 71;
    --va-white-dark: #dadada;
    --va-white-darker: #bbbbbb;
    --va-white-darkest: #999999;
    --va-yellow: #FECA2E;

    /* text colors */
    --va-text-icon-light: var(--va-white-darker);
    --va-text-light: var(--va-white-dark);
    --va-text-dark: var(--va-grey);

    /* alert colors */
    --va-alert-warning-background-color: var(--va-orange-light);
    --va-alert-warning-color: var(--va-grey);

    /* metric colors */
    --va-metrics-arrival-color: var(--va-mint-green);
    --va-metrics-departure-color: var(--va-blue);
    --va-metrics-deicing-selected-flight-background-color: var(--va-blue);
    --va-metrics-deicing-selected-flight-color: var(--va-grey);

    /* icons with va-rotated class */
    --va-rotation: 0;

    /* map aircraft trail/path colors */
    --va-trail-arrival-color: var(--va-magenta);
    --va-trail-departure-color: var(--va-mint-green);
    --va-trail-neutral-color: var(--va-white-darker);
    --va-trail-selected-color: var(--va-blue);
    --va-historic-path-arrival-color: var(--va-magenta);
    --va-historic-path-departure-color: var(--va-mint-green);
    --va-historic-path-neutral-color: var(--va-white-darker);
    --va-historic-path-filtered-out-color: var(--va-grey);
    --va-parking-positions-available-color: var(--va-mint-green);
    --va-parking-positions-reserved-color: var(--va-yellow);
    --va-parking-positions-occupied-color: var(--va-red);
    --va-parking-positions-ends-color: var(--va-yellow);
    --va-deicing-color: var(--va-glacier-blue);
    --va-diversion-color: var(--va-glacier-blue);

    /* holding */
    --va-holding-highlighted-airport-color: var(--va-red);
    --va-holding-faa-column-color: var(--va-orange);
    --va-holding-faa-release-column-color: var(--va-green-matt);
    --va-holding-calculated-column-color: var(--va-blue);
    --va-holding-stage-completed-color-rgb: var(--va-green-matt-rgb);
    --va-holding-issued-symbol-color: var(--va-tomato-red);
    --va-holding-released-symbol-color: var(--va-green-matt);
    --va-holding-stage-pending-color-rgb: var(--va-tomato-red-rgb);

    /* map aeronautical symbols */
    --va-aero-symbol-color: var(--va-white-dark);
    --va-aero-symbol-selected-color: var(--va-yellow);

    /* map aircraft icon/label colors */
    --va-aircraft-icon-default-color: var(--va-white-darker);
    --va-aircraft-icon-filtered-out-color: var(--va-grey-dark);
    --va-aircraft-icon-arrival-color: var(--va-magenta);
    --va-aircraft-icon-departure-color: var(--va-mint-green);
    --va-aircraft-icon-inactive-color: var(--va-grey-light);
    --va-map-pan-highlight-color: var(--va-white-darker);
    --va-aircraft-label-occupied-gate-color: var(--va-red);
    --va-vehicle-icon-highlight-color: var(--va-yellow);

    /* map complaints icon/label colors */
    --va-complaint-icon-default-color: var(--va-yellow);

    /* range colors */
    --va-range-red-color: var(--va-red);
    --va-range-orange-color: var(--va-orange);
    --va-range-yellow-color: var(--va-yellow);
    --va-range-green-color: var(--va-mint-green);

    /* tree menu colors */
    --va-tree-menu-background-color: var(--va-grey);
    --va-tree-menu-item-hover-background-color: var(--va-grey-light);

    /* fonts */
    --va-font-family: var(--rz-text-font-family);

    /* radzen color overrides */
    --rz-base-700: var(--va-grey-light);
    --rz-base-900: var(--va-grey-dark);
    --rz-base-background-color: var(--va-grey);
    --rz-secondary: var(--va-blue);
    --rz-on-secondary: var(--va-grey);
    --rz-secondary-dark: var(--va-blue);
    --rz-on-secondary-dark: var(--va-grey);
    --rz-secondary-lighter: var(--va-grey-light);
    --rz-on-secondary-lighter: var(--va-text-light);
    --rz-success: var(--va-green-matt);
    --rz-on-success: var(--va-grey);
    --rz-splitter-bar-background-color: var(--va-grey);
    --rz-profile-menu-background-color: var(--va-black-light);
    --rz-datepicker-calendar-hover-background-color: var(--va-blue);
    --rz-datepicker-calendar-hover-color: var(--va-grey);
    --rz-datepicker-header-color: var(--va-grey);
    --rz-transition: 0.2s linear;
}
