:root {
    /*RGB*/
    --lpx-border-color-rgb: 204,204,204;
    --lpx-brand-rgb: 159,247,177;
    --lpx-brand-text-rgb: 255,255,255;
    --lpx-card-bg-rgb: 255,255,255;
    --lpx-card-title-text-color-rgb: 0,0,0;
    --lpx-container-active-text-rgb: 255,255,255;
    --lpx-content-bg-rgb: 146,146,146;
    --lpx-content-text-rgb: 255,255,255;
    --lpx-danger-rgb: 255,60,88;
    --lpx-dark-rgb: 146,146,146;
    --lpx-info-rgb: 26,252,252;
    --lpx-light-rgb: 146,146,146;
    --lpx-navbar-active-bg-color-rgb: 0,196,157;
    --lpx-navbar-active-text-color-rgb: 255,255,255;
    --lpx-navbar-color-rgb: 146,146,146;
    --lpx-navbar-text-color-rgb: 255,255,255;
    --lpx-primary-rgb: 0,196,157;
    --lpx-secondary-rgb: 159,247,177;
    --lpx-success-rgb: 0,231,78;
    --lpx-text-white-rgb: 255,255,255;
    --lpx-warning-rgb: 255,215,98;
    /*HEX*/
    --lpx-border-color: #cccccc;
    --lpx-brand: #9ff7b1;
    --lpx-brand-text: #ffffff;
    --lpx-card-bg: #ffffff;
    --lpx-card-title-text-color: #000000;
    --lpx-container-active-text: #ffffff;
    --lpx-content-bg: #929292;
    --lpx-content-text: #ffffff;
    --lpx-danger: #ff3c58;
    --lpx-dark: #929292;
    --lpx-info: #1afcfc;
    --lpx-light: #929292;
    --lpx-navbar-active-bg-color: #00c49d;
    --lpx-navbar-active-text-color: #ffffff;
    --lpx-navbar-color: #929292;
    --lpx-navbar-text-color: #ffffff;
    --lpx-primary: #00c49d;
    --lpx-secondary: #9ff7b1;
    --lpx-success: #00e74e;
    --lpx-text-white: #ffffff;
    --lpx-warning: #ffd762;
    /* Other */
    --lpx-logo-reverse: var(--logo-reverse);
    --lpx-logo: url("/images/logo/GDAW-Dark.svg");
    --lpx-logo-icon: url("/images/logo/GDAW-Dark-Logo.png");
    --lpx-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--lpx-primary);
    --bs-btn-border-color: var(--lpx-primary);
    --bs-btn-hover-color: var(--lpx-dark);
    --bs-btn-hover-bg: var(--primary-dark);
    --bs-btn-hover-border-color: var(--primary-dark);
    --bs-btn-focus-shadow-rgb: 83, 117, 255;
    --bs-btn-active-color: var(--lpx-dark);
    --bs-btn-active-bg: var(--primary-dark);
    --bs-btn-active-border-color: var(--primary-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--lpx-dark);
    --bs-btn-disabled-bg: var(--lpx-light);
    --bs-btn-disabled-border-color: var(--lpx-dark);
}

.btn-secondary {
    --bs-btn-color: var(--lpx-dark);
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--secondary-dark);
    --bs-btn-hover-border-color: var(--secondary-dark);
    --bs-btn-focus-shadow-rgb: 130, 117, 218;
    --bs-btn-active-color: var(--lpx-dark);
    --bs-btn-active-bg: var(--secondary-dark);
    --bs-btn-active-border-color: var(--secondary-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--lpx-light);
    --bs-btn-disabled-border-color: var(--lpx-dark);
}