:root {
    --bs-primary: #638ec0;
    --bs-primary-hover: #4c76a6;
    --bs-primary-active: #406a9a;
    --bs-primary-disabled: #9eb2c9;
    --bs-primary-contrast: #000000;
    --bs-primary-rgb: 99, 142, 192;
    --primary-light: #87b4e7;
    --primary-dark: #4670a0;
    --primary-bg: #eff7f7;
    --bs-secondary: #b586bc;
    --bs-accent: #cf8b5e;
    --bs-light: #fbfcff;
    --bs-dark: #1d2433;
    --bs-white: #ffffff;
    --bs-black: #000000;
    --bs-dark-rgb: 29, 36, 51;
    --bs-light-rgb: 251, 252, 255;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-success: #499806;
    --bs-warning: #ec6c28;
    --bs-danger: #a34953;
    --bs-info: #008898;
    --bs-body-bg: #d4d9dd;
    --bs-body-color: #172033;
    --bs-secondary-color: #586177;
    --bs-border-color: #e4e8f0;
    --secondary-light: #dcabe4;
    --secondary-dark: #96689d;
    --secondary-bg: #f4f1f4;
    --accent-light: #f0ab7c;
    --accent-dark: #ae6d40;
    --accent-bg: #f1eee6;
    --gray-50: #fbfcff;
    --gray-100: #e4e5ea;
    --gray-200: #cdcfd6;
    --gray-300: #b7bac2;
    --gray-400: #a1a4ae;
    --gray-500: #8c909b;
    --gray-600: #777b88;
    --gray-700: #636876;
    --gray-800: #4f5564;
    --gray-900: #3c4253;
    --gray-950: #2a3142;
    --bs-body-font-family: "Manrope", Arial, sans-serif;
    --bs-monospace-font-family: "Fira Code", monospace;
    --bs-headings-font-family: "Fraunces", serif;
}