:root {
    --bs-primary: #535aa2;
    --bs-primary-hover: #3e4389;
    --bs-primary-active: #34387d;
    --bs-primary-disabled: #7d83a5;
    --bs-primary-contrast: #ffffff;
    --bs-primary-rgb: 83, 90, 162;
    --primary-light: #747ec9;
    --primary-dark: #393d83;
    --primary-bg: #cfd1da;
    --bs-secondary: #7f6ba6;
    --bs-accent: #637f0e;
    --bs-light: #fafafa;
    --bs-dark: #1f1f1f;
    --bs-white: #ffffff;
    --bs-black: #000000;
    --bs-dark-rgb: 31, 31, 31;
    --bs-light-rgb: 250, 250, 250;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-success: #9b7800;
    --bs-warning: #df6208;
    --bs-danger: #e96370;
    --bs-info: #008289;
    --bs-body-bg: #dcdde0;
    --bs-body-color: #171717;
    --bs-secondary-color: #525252;
    --bs-border-color: #e5e5e5;
    --secondary-light: #a38fcd;
    --secondary-dark: #624e87;
    --secondary-bg: #ece9ee;
    --accent-light: #7f9e38;
    --accent-dark: #476200;
    --accent-bg: #dfe6d5;
    --gray-50: #fafafa;
    --gray-100: #e3e3e3;
    --gray-200: #cccccc;
    --gray-300: #b5b5b5;
    --gray-400: #9f9f9f;
    --gray-500: #8a8a8a;
    --gray-600: #757575;
    --gray-700: #616161;
    --gray-800: #4d4d4d;
    --gray-900: #3b3b3b;
    --gray-950: #292929;
    --bs-body-font-family: "DM Sans", Arial, sans-serif;
    --bs-monospace-font-family: "Fira Code", monospace;
    --bs-headings-font-family: "DM Serif Display", serif;
}