:root {
    --primary-color: #FFD700;
    --primary-color-hover: #E5BF00;
    --primary-color-alternate: #8B4513;

    --primary-background: #FFD700;
    --primary-background-text: #000;
    --primary-background-hover: #D4B300;
    --primary-background-hover-text: #000;

    --secondary-color: #404040;
    --secondary-color-hover: #E5BF00;
    --secondary-background: #1a1a1a;
    --secondary-background-text: #fff;

    --tertiary-color:#000;
    --tertiary-color-hover: #404040;

    --quaternary-color:#C0C0C0;
    --quaternary-background:#C0C0C0;

    --body-bg: #1a1a1a; 

    --border-gray: rgba(255, 255, 255, .15);

    --navbackground-customers:#424242;

    --bg-alternate:#2c2c2c;

    --success: #0ABF30;
    --error: #E24D4C;
    --warning: #E9BD0C;
    --info: #3498DB;
    --purple: #7B3CEC;

    --grey-text: rgba(108,117,125, 1);
}

body {
    zoom: 90%;
}

.color-primary, .text-primary {
    color:var(--primary-color) !important;
}

.color-primary-alternate, .text-primary-alternate {
    color:var(--primary-color-alternate) !important;
}

.border-alternate {
    border-color: var(--bg-alternate);
}

.border-secondary {
    border-color: var(--secondary-background) !important;
}

.bg-purple {
    background-color: var(--purple) !important;
}