:root {
    /* Theme Colors */
    --primary-color: #000000; /* --dark */
    --secondary-color: #111820; /* --dark-grey */
    --tertiary-color: #FFFFFF; /* --white & --lightest-color */
    --tertiary-hover-color: rgba(255, 255, 255, 0.15);
    --accent-color-1: #565E68; /* --dark-bluegrey1 && --trim-color */
    --accent-color-2: #343E4A; /* --dark-bluegrey2 */
    --accent-color-3: #293340; /* --dark-bluegrey3 */
    --accent-color-4: #1D2835; /* --dark-bluegrey4 */
    --primary-selected: #19232D; /* --dark-selected */
    --brand-color: #FFBC4E; /* --brand-marigold */
    --brand-color-trans-10: #FFBC4E1A;
    --brand-color-trans-80: #FFBC4ECC;
    --primary-hover: rgba(255, 188, 78, 0.1);
    --alt-color: #dcdcdc; /* --light-color */
    --alt-color-1: rgba(255, 255, 255, 0.7); /* lightest-color-60 */
    --alt-color-2: rgba(255, 255, 255, 0.6); /* lightest-color-60 */
    --alt-color-3: rgba(255, 255, 255, 0.5);
    --alt-color-4: rgba(255, 255, 255, 0.3); /* --lightest-color-30 */
    --alt-color-5: #9499A0;
    --critical-color: #D1478A;
    --hot-color: #D1478A; /* --hot-mag */
    --debug-color: #00A16B;
    --error-color: #ff5000;
    --information-color: #648FFF;
    /*--sky-color: #648FFF; (**USE --information-color instead) */
    --royalty-color: #7D61FA;
    --success-color: #00C853;
    --trace-color: #4b5563;
    --warning-color: #EED202;
    --disabled-color: rgba(255,255,255,0.4);
    --disabled-hover-color: #343E4A;
    --overlay-color: rgba(0, 0, 0, .5);
    --overlay-color-alt: rgba(0, 0, 0, .75);
    /**********************************************************************************/
    /* Override MudBlazor Variables                                                   */
    /* https://www.mudblazor.com/customization/default-theme                          */
    /* These CSS variables can also be found in the browser inspect tools.            */
    /* NOTE: Additional mud css variables exist at StyleSources/Global/_mud-mods.scss */
    /**********************************************************************************/
    /* Disabled ReSharper feature because these variables are used by MudBlazor and just not detected as used. */
    /* ReSharper disable Redundant */
    --mud-palette-primary: var(--brand-color) !important;
    --mud-palette-primary-rgb: 255, 178, 88 !important; /* This formatting is intentional to override MudBlazor - wasn't working with MudSlider (bar line) before. */
    --mud-palette-primary-darken: rgb(255, 173, 41) !important;
    --mud-palette-primary-lighten: rgb(255, 200, 41) !important;
    --mud-palette-primary-hover: var(--dark-selected) !important;
    --mud-palette-dark: var(--accent-color-4) !important;
    --mud-palette-black: var(--primary-color) !important;
    --mud-palette-background: var(--accent-color-4) !important;
    --mud-palette-secondary: var(--tertiary-color) !important;
    --mud-palette-secondary-hover: var(--tertiary-hover-color) !important;
    --mud-palette-surface: var(--accent-color-4) !important;
    --mud-palette-gray-darker: var(--accent-color-4) !important;
    --mud-palette-background-grey: var(--accent-color-3) !important;
    --mud-palette-dark-text: var(--tertiary-color) !important;
    --mud-palette-action-default: var(--brand-color) !important;
    --mud-palette-action-default-hover: var(--primary-hover) !important;
    --mud-palette-action-disabled: rgba(255, 255, 255, 0.26) !important;
    --mud-palette-action-disabled-background: rgba(255, 255, 255, 0.12) !important;
    --mud-palette-error: var(--error-color) !important;
    --mud-palette-table-lines: var(--accent-color-1) !important;
    --mud-palette-table-hover: var(--primary-hover) !important;
    --mud-palette-table-striped: var(--accent-color-3) !important;
    --mud-palette-appbar-background: var(--primary-color) !important;
    --mud-palette-drawer-background: var(--accent-color-4) !important;
    --mud-palette-drawer-icon: var(--alt-color-3) !important;
    --mud-palette-divider: rgba(255, 255, 255, 0.12) !important;
    --mud-palette-divider-light: rgba(255, 255, 255, 0.06) !important;
    --mud-palette-lines-inputs: var(--tertiary-color) !important;
    --mud-palette-lines-default: var(--accent-color-1) !important;
    --mud-palette-overlay-dark: var(--overlay-color) !important;
    /* Appearance */
    --mud-default-borderradius: 10px !important;
    /* Font/text values */
    --mud-palette-drawer-text: var(--tertiary-color) !important;
    --mud-palette-appbar-text: var(--tertiary-color) !important;
    --mud-palette-primary-text: var(--accent-color-4) !important;
    --mud-palette-text-primary: var(--tertiary-color) !important;
    --mud-palette-text-secondary: rgba(255,255,255, 0.50) !important;
    --mud-palette-text-disabled: rgba(255, 255, 255, 0.2) !important;
    /* ReSharper restore Redundant */
}

html, body {
    background-color: var(--accent-color-4);
    color: var(--tertiary-color);
}