/* ---------------------------   TEXT COLOURS ----------------------------*/

.GO-white {
    color: #FFFFFF;
}

.GO-black {
    color: #000000;
}

.GO-gray {
    color: #F1F1F1;
}

.GO-gray60 {
    color: #999;
}

.GO-graylight {
    color: #E9E9E9;
}

.GO-grayX11 {
    color: #BEBEBE;
}

.GO-graydark {
    color: #666666;
}

.GO-orange {
    color: var(--btn-orange-bg, #f47a20);
}

.GO-red {
    color: #FF0000;
}

.GO-blueuser {
    color: #6699CC;
}

.GO-navy {
    color: #062F57;
}

.GO-greyBG {
    color: #e9ecef;
}

/* ---------------------------   BG COLOURS ----------------------------*/

.GO-bg-orange {
    background-color: var(--btn-orange-bg, #f47a20);
}

.GO-bg-dark {
    background-color: #EBEBEB;
}

.GO-bg-navy {
    background-color: #062F57;
}

.GO-bg-lightblue {
    background-color: #6699CC;
}

.GO-bg-none {
    background: none;
}

/* .GO-bg-graylight {
    background-color: #E9E9E9;
} */

.GO-bg-light {
    background-color: #e9ecef;
}

.GO-bg-black {
    background-color: #000000;
}

/* Make orange color dynamic from admin settings */
:root {
    /* will be overridden by inline vars from Blade, fallback kept */
    --btn-orange-bg: #F47A20;
    --btn-orange-text: #FFFFFF;
}

/* Replace usages */
.some-orange-color, .GO-color--orange {
    color: var(--btn-orange-text, #F47A20);
}

.some-orange-bg, .GO-bg--orange {
    background-color: var(--btn-orange-bg, #F47A20);
}