:root {
    --lpx-content-text-rgb: 50, 81, 104;
    --lpx-content-bg-rgb: 240, 244, 247;
    --lpx-primary-rgb: 9, 113, 182;
    --lpx-secondary-rgb: 108, 93, 211;
    --lpx-brand-rgb: 16, 103, 53;
    --lpx-success-rgb: 79, 191, 103;
    --lpx-info-rgb: 67, 138, 167;
    --lpx-warning-rgb: 255, 159, 56;
    --lpx-danger-rgb: 192, 13, 73;
    --lpx-light-rgb: 230, 235, 239;
    --lpx-dark-rgb: 6, 42, 68;
    --lpx-navbar-color-rgb: 255, 255, 255;
    --lpx-navbar-text-color-rgb: 68, 95, 114;
    --lpx-navbar-active-text-color-rgb: 18, 65, 99;
    --lpx-text-white-rgb: 255, 255, 255;
    --lpx-logo-reverse: var(--logo-reverse);
    --lpx-primary: #0971b6;
    --lpx-secondary: #6c5dd3;
    --lpx-success: #4fbf67;
    --lpx-info: #438aa7;
    --lpx-warning: #ff9f38;
    --lpx-danger: #c00d49;
    --lpx-brand: #106735;
    --lpx-brand-text: #fff;
    --lpx-container-active-text: #fff;
    --lpx-text-white: #fff;
    --lpx-radius: 0;
    --lpx-light: #e6ebef;
    --lpx-dark: #062a44;
    --lpx-navbar-color: #2d3748;
    --lpx-navbar-text-color: #e2e8f0;
    --lpx-navbar-active-text-color: #ffffff;
    --lpx-navbar-active-bg-color: rgba(255, 255, 255, 0.1);
    --lpx-card-bg: #fff;
    --lpx-card-title-text-color: #062a44;
    --lpx-content-bg: #f0f4f7;
    --lpx-content-text: #325168;
    --lpx-border-color: #e8eef3;
    --lpx-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
    /* Confect Brand values */
    /* Primary colors */
    --color-brandcolor-100: #e8eae6;
    --color-brandcolor-200: #c7d1c0;
    --color-brandcolor-300: #abbaa0;
    --color-brandcolor-400: #9cae8f;
    --color-brandcolor-50: #f2f2f2;
    --color-brandcolor-500: #8ca17d;
    --color-brandcolor-600: #4c7e56;
    --color-brandcolor-700: #0e6634;
    --color-brandcolor-800: #0b5b2f;
    --color-brandcolor-900: #094825;
    --color-brandcolor-950: #07361b;
    /* Blue colors */
    --color-blue-100: #dcf1f9;
    --color-blue-200: #caecf9;
    --color-blue-300: #b8e7f8;
    --color-blue-400: #94dcf7;
    --color-blue-50: #eef8fc;
    --color-blue-500: #5fbfe2;
    --color-blue-600: #51b4d8;
    --color-blue-700: #1f76e8;
    --color-blue-800: #15629f;
    --color-blue-900: #00468b;
    --color-blue-950: #003366;
    /* Orange colors */
    --color-orange-100: #fbeac5;
    --color-orange-200: #f7d78d;
    --color-orange-300: #f5cd6f;
    --color-orange-400: #eeb847;
    --color-orange-50: #fffaf0;
    --color-orange-500: #eab13a;
    --color-orange-600: #e6a92d;
    --color-orange-700: #d29f26;
    --color-orange-800: #9e6605;
    --color-orange-900: #6d3a00;
    --color-orange-950: #522c00;
    /* Red colors */
    --color-red-100: #ffc3c9;
    --color-red-200: #ee939c;
    --color-red-300: #e09098;
    --color-red-400: #cd747c;
    --color-red-50: #ffebed;
    --color-red-500: #c3666e;
    --color-red-600: #be5f67;
    --color-red-700: #b9575f;
    --color-red-800: #af4951;
    --color-red-900: #911e26;
    --color-red-950: #551116;
    /* Green colors */
    --color-green-100: #e1efbd;
    --color-green-200: #d2e79d;
    --color-green-300: #c0dd78;
    --color-green-400: #94b444;
    --color-green-50: #f7fbef;
    --color-green-500: #809e35;
    --color-green-600: #6b8b28;
    --color-green-700: #56771b;
    --color-green-800: #41640e;
    --color-green-900: #2c5000;
    --color-green-950: #162900;
    /* Gray colors */
    --color-gray-0: #ffffff;
    --color-gray-100: #f3f3f3;
    --color-gray-200: #e6e6e6;
    --color-gray-300: #cccccc;
    --color-gray-400: #999999;
    --color-gray-50: #f9f9f9;
    --color-gray-500: #666666;
    --color-gray-600: #4d4d4d;
    --color-gray-700: #404040;
    --color-gray-800: #333333;
    --color-gray-900: #262626;
    --color-gray-950: #111111;
    /* number */
    --scale-0: 0rem;
    --scale-25: 0.0625rem;
    --scale-50: 0.125rem;
    --scale-100: 0.25rem;
    --scale-150: 0.375rem;
    --scale-200: 0.5rem;
    --scale-250: 0.625rem;
    --scale-300: 0.75rem;
    --scale-400: 1rem;
    --scale-500: 1.25rem;
    --scale-600: 1.5rem;
    --scale-700: 1.75rem;
    --scale-800: 2rem;
    --scale-900: 2.5rem;
    --scale-1000: 3rem;
    --scale-1100: 4rem;
    /* font */
    --type-font-family-body: Open Sans;
    --type-font-family-heading: Open Sans;
    --type-font-weight-bold: Bold;
    --type-font-weight-regular: Regular;
    --type-font-weight-semibold: Semibold;
    /* Aliases */
    --Confect-new-font: "Open Sans";
    --Type-Font-family-Body: var(--bs-body-font-family);
    --Type-Font-family-Heading: var(--bs-body-font-family);
    /* color */
    --error-100: var(--color-red-100);
    --error-200: var(--color-red-200);
    --error-300: var(--color-red-300);
    --error-400: var(--color-red-400);
    --error-50: var(--color-red-50);
    --error-500: var(--color-red-500);
    --error-600: var(--color-red-600);
    --error-700: var(--color-red-700);
    --error-800: var(--color-red-800);
    --error-900: var(--color-red-900);
    --error-950: var(--color-red-950);
    --info-100: var(--color-blue-100);
    --info-200: var(--color-blue-200);
    --info-300: var(--color-blue-300);
    --info-400: var(--color-blue-400);
    --info-50: var(--color-blue-50);
    --info-500: var(--color-blue-500);
    --info-600: var(--color-blue-600);
    --info-700: var(--color-blue-700);
    --info-800: var(--color-blue-800);
    --info-900: var(--color-blue-900);
    --info-950: var(--color-blue-950);
    --neutral-0: var(--color-gray-0);
    --neutral-200: var(--color-gray-200);
    --neutral-100: var(--color-gray-100);
    --neutral-300: var(--color-gray-300);
    --neutral-400: var(--color-gray-400);
    --neutral-50: var(--color-gray-50);
    --neutral-500: var(--color-gray-500);
    --neutral-600: var(--color-gray-600);
    --neutral-700: var(--color-gray-700);
    --neutral-800: var(--color-gray-800);
    --neutral-900: var(--color-gray-900);
    --neutral-950: var(--color-gray-950);
    --primary-100: var(--color-brandcolor-100);
    --primary-200: var(--color-brandcolor-200);
    --primary-300: var(--color-brandcolor-300);
    --primary-400: var(--color-brandcolor-400);
    --primary-50: var(--color-brandcolor-50);
    --primary-500: var(--color-brandcolor-500);
    --primary-600: var(--color-brandcolor-600);
    --primary-700: var(--color-brandcolor-700);
    --primary-800: var(--color-brandcolor-800);
    --primary-900: var(--color-brandcolor-900);
    --primary-950: var(--color-brandcolor-950);
    --primary-default: var(--color-brandcolor-700);
    --success-100: var(--color-green-100);
    --success-200: var(--color-green-200);
    --success-300: var(--color-green-300);
    --success-400: var(--color-green-400);
    --success-50: var(--color-green-50);
    --success-500: var(--color-green-500);
    --success-600: var(--color-green-600);
    --success-700: var(--color-green-700);
    --success-800: var(--color-green-800);
    --success-900: var(--color-green-900);
    --success-950: var(--color-green-950);
    --warning-100: var(--color-orange-100);
    --warning-200: var(--color-orange-200);
    --warning-300: var(--color-orange-300);
    --warning-400: var(--color-orange-400);
    --warning-50: var(--color-orange-50);
    --warning-500: var(--color-orange-500);
    --warning-600: var(--color-orange-600);
    --warning-700: var(--color-orange-700);
    --warning-800: var(--color-orange-800);
    --warning-900: var(--color-orange-900);
    --warning-950: var(--color-orange-950);
    /* aliases of aliases */
    --border-primary-darken: var(--neutral-300);
    --border-primary: var(--neutral-200);
    --border-error: var(--error-200);
    --border-info: var(--info-500);
    --border-green-01: var(--primary-800);
    --border-green-hover: var(--primary-900);
    --border-green-pressing: var(--primary-950);
    --border-success: var(--success-400);
    --border-warning: var(--warning-700);
    --border-warning-02: #d29f2633;
    --icon-default: var(--neutral-700);
    --icon-disabled: var(--neutral-300);
    --icon-error: var(--error-300);
    --icon-info: var(--info-600);
    --icon-primary: var(--primary-default);
    --icon-secondary: var(--info-700);
    --icon-success: var(--success-400);
    --icon-warning: var(--warning-700);
    --icon-white: var(--neutral-0);
    --surface-01: var(--neutral-0);
    --surface-02: var(--neutral-50);
    --surface-03: var(--neutral-100);
    --surface-04: #66666612;
    --surface-error: var(--error-100);
    --surface-hover: var(--neutral-200);
    --surface-hover-2: var(--neutral-300);
    --surface-info: var(--info-400);
    --surface-neutral: var(--neutral-200);
    --surface-success: var(--success-300);
    --surface-warning: var(--warning-300);
    --surface-warning-1: #eab13a26;
    --surface-primary-default: var(--primary-default);
    --surface-primary-hover: var(--primary-800);
    --surface-primary-pressing: var(--primary-900);
    /* font */
    --text-h1: var(--info-950);
    --text-h2: var(--info-950);
    --text-h3: var(--neutral-900);
    --text-body: var(--info-950);
    --text-disabled: var(--neutral-400);
    --text-error: var(--error-900);
    --text-info: var(--info-900);
    --text-label: var(--neutral-500);
    --text-link: var(--info-700);
    --text-primary: var(--primary-950);
    --text-success: var(--success-900);
    --text-warning: var(--warning-900);
    --text-white: var(--neutral-0);
    --border-radius-sm: var(--scale-100);
    /* number */
    --body-lineheight-xs-lineheight: 0.875rem;
    --body-lineheight-sm-lineheight: 1rem;
    --body-lineheight-md-lineheight: 1.125rem;
    --body-lineheight-lg-lineheight: 1.5rem;
    --body-size-xs: 0.625rem;
    --body-size-sm: 0.75rem;
    --body-size-md: 0.875rem;
    --heading-lineheight-h4-lineheight: 1.5rem;
    --heading-lineheight-h3-lineheight: 2rem;
    --heading-lineheight-h2-lineheight: 3rem;
    --heading-lineheight-h1-lineheight: 3.375rem;
    --heading-size-h4: 1.125rem;
    --heading-size-h3: 1.5rem;
    --heading-size-h2: 2.25rem;
    --heading-size-h1: 3rem;
    --padding-button-fields-sm-height: var(--scale-50);
    --padding-button-fields-sm-width: var(--scale-150);
    --padding-button-fields-md-height: var(--scale-200);
    --padding-button-fields-md-width: var(--scale-250);
}

/* Override bootstrap buttons */

.btn-primary {
    background-color: var(--primary-700) !important;
    border: none !important;
}

.btn-primary:hover {
    background-color: var(--primary-800) !important;
    border: none !important;
}

.btn-primary:active {
    background-color: var(--primary-900) !important;
    border: none !important;
}

.btn-primary:disabled {
    background-color: var(--primary-700) !important;
    border: none !important;
    opacity: 30% !important;
}

.btn-secondary {
    color: var(--primary-700) !important;
    background-color: var(--neutral-0) !important;
    border: 1px solid var(--primary-700) !important;
}

.btn-secondary:hover {
    color: var(--primary-700) !important;
    background-color: #DDE2D9 !important;
    border: 1px solid var(--primary-700) !important;
}

.btn-secondary:active {
    color: var(--primary-700) !important;
    background-color: #DDE2D9 !important;
    border: 1px solid var(--primary-200) !important;
    box-shadow: none !important;
}

.btn-secondary:disabled {
    color: var(--primary-700) !important;
    background-color: var(--neutral-0) !important;
    border: 1px solid var(--primary-700) !important;
    opacity: 30% !important;
}

.btn-light {
    color: var(--primary-700) !important;
    background-color: var(--neutral-0) !important;
    border: none !important;
}

.btn-light:hover {
    color: var(--primary-700) !important;
    background-color: #DDE2D9 !important;
    border: none !important;
}

.btn-light:active {
    color: var(--primary-700) !important;
    background-color: #DDE2D9 !important;
    border: none !important;
    box-shadow: none !important;
}

.btn-light:disabled {
    color: var(--primary-700) !important;
    background-color: var(--neutral-0) !important;
    border: none !important;
    opacity: 30% !important;
}

.btn-outline-primary {
    color: var(--primary-700) !important;
    background-color: var(--neutral-0) !important;
    border: none !important;
}

.btn-outline-primary:hover {
    color: var(--primary-700) !important;
    background-color: #DDE2D9 !important;
    border: none !important;
}

.btn-outline-primary:active {
    color: var(--primary-700) !important;
    background-color: #DDE2D9 !important;
    border: none !important;
    box-shadow: none !important;
}

.btn-outline-primary:disabled {
    color: var(--primary-700) !important;
    background-color: var(--neutral-0) !important;
    border: none !important;
    opacity: 30% !important;
}

.icon-primary {
    color: var(--primary-700) !important;
    background-color: transparent !important;
    border: none !important;
}

.icon-transparent {
    color: transparent !important;
    background-color: transparent !important;
    border: none !important;
}