:root {
    --bs-primary: #704fd2;
    --bs-primary-hover: #5b34b6;
    --bs-primary-active: #5126a9;
    --bs-primary-disabled: #9087c2;
    --bs-primary-contrast: #ffffff;
    --bs-primary-rgb: 112, 79, 210;
    --primary-light: #9375fb;
    --primary-dark: #562db0;
    --primary-bg: #d8d4dd;
    --bs-secondary: #a280e4;
    --bs-accent: #b78900;
    --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: #a57e00;
    --bs-warning: #ab5400;
    --bs-danger: #ca2551;
    --bs-info: #00bcdb;
    --bs-body-bg: #eae7ea;
    --bs-body-color: #171717;
    --bs-secondary-color: #525252;
    --bs-border-color: #e5e5e5;
    --secondary-light: #c8a5ff;
    --secondary-dark: #8461c2;
    --secondary-bg: #f4f0f4;
    --accent-light: #d7a93a;
    --accent-dark: #986b00;
    --accent-bg: #f5f4e3;
    --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;
}