:root {
    --subheading-muted: #666;
    --header-load-color: #39f;
    --header-load-color: #f24;
    --hud-color: #ffffff;
    --hud-bg-color-1: rgba(0,0,0,0.5);
    --hud-color-soft-1: #bbb;
    --hud-color-soft: #8b8b8b;
    --hud-color-value: #9f6;
    --hud-color-value-muted: #6c4;
    --hud-color-value-dark: #482;
    --hud-color-value-2: #fc5;
    --hud-color-value-3: #70e8ff;
    --hud-color-value-4: #f370ff;
    --hud-color-value-5: #70caff;
    --hud-color-units: #4a2;
    --hud-color-units-2: #c99554;
    --hud-color-units-3: #339fc0;
    --hud-color-units-4: #af50c0;
    --hud-color-lowcntrst: #555;
    --hud-color-neg: black;
    --hud-ctrl-bg-color: #222;
    --hud-ctrl-bg-color-2: #333;
    --wip-link-1: #333;
    --wip-link-2: #555;
    --hud-ctrl-bg-color-2-hover: #444;
    --hud-ctrl-bg-color-2-active: #777;
    --hud-ctrl-svg-color: #555;
    --hud-ctrl-svg-color-2: #999;
    --hud-ctrl-svg-color-2-hover: #999;
    --hud-ctrl-svg-color-2-active: #111;
    --button-color-hover-1: rgba(255,255,255,0.25);
    --index-color-planet: rgba(255,255,255,0.1);
    --index-color-dwarf: rgba(255,255,255,0.0625);
    --index-color-moon: rgba(0,0,0,0.125);
    --index-color-moon-2: rgba(0,0,0,0.25);
    --index-system-margin: 10px;
    --index-system-brdr-wdth: 6px;
    --index-body-name-margin: 8px;
    --back-color: #fc5;
    --back-color: #f34;
    --link-color: #70e1ff;
    --link-color: #a069ff;
    --link-color-1: #a069ff;
    --link-color-2: #70e1ff;
    --dialog-section-clr: #6688ff;
    --hud-border-width: 1px;
    --edge-margin: 10px;
    --dialog-link-clr: #66b9ff;
    --dialog-edge-pad-x: 15px;
    --dialog-edge-pad-y: 20px;
    --slide-width-sm: 150px;
    --slide-width: 200px;
    --slide-hgt-sm: 6px;
    --slide-hgt: 8px;
    --slide-thumb-hgt-sm: 12px;
    --slide-thumb-hgt: 15px;
    --slide-thumb-wdth-sm: 25px;
    --slide-thumb-wdth: 30px;
    --slide-thumb-border-rad: 2px;
    --slide-thumb-bg-clr: #aaa;
    --warp-color-low: #ee6;
    --warp-color-med: #fa5;
    --warp-color-hgh: #f76;
    --slider-readout-margin: 3px;
    --body-bg-planet: #202020;
    --body-bg-dwarf: #121212;
    --body-bg-moon: #010101;
    --body-spacing-vert: 16px;
    --system-spacing-vert: 16px;
    --system-spacing-horiz: 6px;
    --quality-color-low: #ff1144;
    --quality-color-high: #11ff44;
}

.qual-lvl-high {
    color: var(--quality-color-high);
}

.qual-lvl-low {
    color: var(--quality-color-low);
}