:root {
    --popup-bg-color: #552;
    --bg-highlight-color: #885;
    --tab-bg-color: #441;
    --input-bg-color: 150, 150, 50, 1;
    --tab-selected-color: #885;
    --main-bg-color: #110;
    --banner-bg-color: #111100;
    --main-bg-image: url(/images/scales01.png);
    --logo-hue: 0deg;
    --logo-brightness: 1;
    --light-purple: #FF2EE3;
    --green: #44FF44;
    --light-blue: #9999FF;
    --light-red: #fa5353;
    --primary-text-color: #e0e045;
    --primary-link-color: #fdfd69;
    --disabled-text-color: #888877;
    --inactive-text-color: #CCCC77;
    --warning-text-color: var(--light-red);
    --forum-header-color: #5a5a08;
    --forum-header-image: url(/images/chain.png);
    --forum-row-color-even: 60,60,10,0.8;
    --forum-row-color-odd: 80,80,30,0.9;
    --forum-row-color-light-even: 100,100,50,0.8;
    --forum-row-color-light-odd: 200,200,100,0.9;
    --forum-post-bg-color: #330;
    --forum-row-subtle-color: 65, 65, 60, 0.8;
    --forum-like-color: #2525ff;
    --forum-folder-color: #888866;
    --forum-folder-unread-color: #CC7700;
    --content-bg-color: 50,50,10,0.8;
    --row-bg-color-odd: 100, 100, 70, 0.5;
    --row-bg-color-even: 180, 180, 100, 0.3;
    --row-highlight-bg: 135, 135, 130, 0.7;
    --table-border-color: #555500;
    --main-gradient-start: 10, 10, 0, 0.1;
    --main-gradient-end: 90, 90, 40, 0.8;
    --button-primary-bg: 150, 130, 40, 1;
	--card-bg-gradient-light: #c39e39ba;
	--card-bg-gradient-med: 133, 118, 6, 0.35;
    --card-bg-gradient-dark: #34322dd1;
    --button-primary-light: 210, 200, 175, 1;
    --button-primary-hover: 200, 190, 70, 1;
    --button-secondary-hover: 205, 195, 75, 1;
    --button-secondary-bg: 120, 90, 30, 1;
    --button-secondary-border: 60, 40, 0, 1;
    --button-primary-border: 100, 70, 0, 1;
    --light-grey: #c9c9c9;
    --grey: #222;
    --edit-color: orange;
    --delete-color: red;
    --error-color: red;
	--font-awesome-duotone: "Font Awesome 6 Duotone";
}
.light-purple { color: var(--light-purple); }
.light-blue { color: var(--light-blue); }
.green { color: var(--green); }
.warning {
    color: var(--warning-text-color);
}
.orange {
    color: orange;
}
.grey {
    color: grey;
}
.light-grey {
    color: var(--light-grey);
}
.red {
    color: red;
}
.light-red {
    color: var(--light-red);
}
.purple {
    color: purple;
}
.blue {
    color: blue;
}
.aqua {
    color: aqua;
}
.cyan {
    color: cyan;
}
.yellow {
    color: yellow;
}
.bold {
    font-weight: bolder;
}
.max1000 {
    max-width: 1000px;
}
.f50 {
    font-size: 50%;
}
.f60 {
    font-size: 60%;
}
.f120 {
    font-size: 120%;
}
.f140 {
    font-size: 140%;
}
.b { 
    font-weight: bold;   
}
.p2 {
    padding: 2px;
}
.spinner.mini {
    margin: auto;
    display: flex;
}
.center {
    text-align: center;
}
.spinner.mini .spinner-border {
    width: 1rem;
    height: 1rem;
    margin: auto;
}
.shadow {
    text-shadow: 2px 2px 2px #000;
}
#navbar_top {
    background-image: linear-gradient(to bottom, rgba(var(--main-gradient-start)), rgba(var(--main-gradient-end)));
}