:root {
    --bs-primary: #6276f2;
    --bs-primary-hover: #4c5dd6;
    --bs-primary-active: #4250c8;
    --bs-primary-disabled: #95a2ce;
    --bs-primary-contrast: #000000;
    --bs-primary-rgb: 98, 118, 242;
    --primary-light: #839dff;
    --primary-dark: #4757cf;
    --primary-bg: #e8eef0;
    --bs-secondary: #a681e1;
    --bs-accent: #73a000;
    --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: #69a10a;
    --bs-warning: #e3772a;
    --bs-danger: #e25560;
    --bs-info: #00878d;
    --bs-body-bg: #eceff0;
    --bs-body-color: #171717;
    --bs-secondary-color: #525252;
    --bs-border-color: #e5e5e5;
    --secondary-light: #cca7ff;
    --secondary-dark: #8863c0;
    --secondary-bg: #f4f0f3;
    --accent-light: #91c03a;
    --accent-dark: #578100;
    --accent-bg: #edf3e1;
    --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: "Fraunces", serif;
}