:root {
    /* Main colors */
    --s-main: #2f3089;
    /* Primary / theme color */
    --s-secondary: #4f9ab2;
    /* Secondary / accent color */
    --s-bg: #215566;
    --s-orange: #f99126;
    --s-bg: #f5f5f5;
    /* Main background */
    /* Text colors */
    --txt-w: #ffffff;
    /* White text */
    --txt-b: #000000;
    /* Black text */
    --txt-gray: #666666;
    /* Gray text */
    --txt-light: #aaaaaa;
    /* Light gray text */
    /* Borders / elements */
    --border-main: #cccccc;
    --border-light: #eeeeee;
    /* Buttons / highlights */
    --btn-main: #2f3089;
    --btn-hover: #1f1f70;
}


/* Quick utility classes */

.txt-w {
    color: var(--txt-w) !important;
}

.txt-b {
    color: var(--txt-b) !important;
}

.txt-gray {
    color: var(--txt-gray) !important;
}

.txt-light {
    color: var(--txt-light) !important;
}

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

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

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

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

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

.btn-main {
    background-color: var(--btn-main) !important;
    color: var(--txt-w) !important;
}

.btn-main:hover {
    background-color: var(--btn-hover) !important;
}

.txt-left {
    text-align: left !important;
}

.txt-center {
    text-align: center !important;
}

.txt-right {
    text-align: right !important;
}