:root {
    --bs-primary: #4428f0;
    --bs-primary-hover: #3600d4;
    --bs-primary-active: #3100c6;
    --bs-primary-disabled: #6972b7;
    --bs-primary-contrast: #ffffff;
    --bs-primary-rgb: 68, 40, 240;
    --primary-light: #5e5aff;
    --primary-dark: #3300cd;
    --primary-bg: #b6bac7;
    --bs-secondary: #b800c0;
    --bs-accent: #a69100;
    --bs-light: #fafafa;
    --bs-dark: #111827;
    --bs-white: #ffffff;
    --bs-black: #000000;
    --bs-dark-rgb: 17, 24, 39;
    --bs-light-rgb: 250, 250, 250;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-success: #818c00;
    --bs-warning: #f57e00;
    --bs-danger: #e46a93;
    --bs-info: #00a3ac;
    --bs-body-bg: #d1d4da;
    --bs-body-color: #111827;
    --bs-secondary-color: #4b5563;
    --bs-border-color: #e5e7eb;
    --secondary-light: #e246e8;
    --secondary-dark: #97009f;
    --secondary-bg: #d3c3d3;
    --accent-light: #c5b03a;
    --accent-dark: #877200;
    --accent-bg: #f8f9e7;
    --gray-50: #fafafa;
    --gray-100: #e2e2e4;
    --gray-200: #cacbce;
    --gray-300: #b2b4b9;
    --gray-400: #9b9da4;
    --gray-500: #85878f;
    --gray-600: #6f727c;
    --gray-700: #5a5e68;
    --gray-800: #464a55;
    --gray-900: #333743;
    --gray-950: #202532;
    --bs-body-font-family: "Manrope", Arial, sans-serif;
    --bs-monospace-font-family: "Source Code Pro", monospace;
    --bs-headings-font-family: "Bricolage Grotesque", sans-serif;
}