:root {
    --bs-white: #fff;
    --bs-gray-100: #f3f5f7;
    --bs-gray-200: #dce0e7;
    --bs-gray-300: #c4ccd7;
    --bs-gray-400: #acb8c7;
    --bs-gray-500: #8999af;
    --bs-gray-600: #606b7a;
    --bs-gray-700: #454d57;
    --bs-gray-800: #292e35;
    --bs-gray-900: #1b1f23;
    --bs-cyan-100: #e5f5fc;
    --bs-cyan-200: #b2e2f7;
    --bs-cyan-300: #80cff1;
    --bs-cyan-400: #4cbceb;
    --bs-cyan-500: #009fe3;
    --bs-cyan-600: #006f9f;
    --bs-cyan-700: #004f72;
    --bs-cyan-800: #003044;
    --bs-cyan-900: #00202d;
    --bs-blue-100: #e8eff7;
    --bs-blue-200: #bad1e5;
    --bs-blue-300: #8cb2d4;
    --bs-blue-400: #5e93c3;
    --bs-blue-500: #1964aa;
    --bs-blue-600: #114677;
    --bs-blue-700: #0c3255;
    --bs-blue-800: #071e33;
    --bs-blue-900: #051422;
    --bs-purple-100: #f4ebf3;
    --bs-purple-200: #ddc4da;
    --bs-purple-300: #c79cc2;
    --bs-purple-400: #b174aa;
    --bs-purple-500: #8f3985;
    --bs-purple-600: #64285d;
    --bs-purple-700: #471c43;
    --bs-purple-800: #2b1128;
    --bs-purple-900: #1d0b1b;
    --bs-red-100: #fae5e5;
    --bs-red-200: #f1b2b2;
    --bs-red-300: #e88080;
    --bs-red-400: #de4c4c;
    --bs-red-500: #d00000;
    --bs-red-600: #920000;
    --bs-red-700: #680000;
    --bs-red-800: #3e0000;
    --bs-red-900: #2a0000;
    --bs-orange-100: #ffeee5;
    --bs-orange-200: #fecbb2;
    --bs-orange-300: #fea880;
    --bs-orange-400: #fe864c;
    --bs-orange-500: #fd5200;
    --bs-orange-600: #b13900;
    --bs-orange-700: #7f2900;
    --bs-orange-800: #4c1900;
    --bs-orange-900: #331000;
    --bs-yellow-100: #fff8eb;
    --bs-yellow-200: #feeac2;
    --bs-yellow-300: #fedb99;
    --bs-yellow-400: #fecd70;
    --bs-yellow-500: #fdb833;
    --bs-yellow-600: #b18124;
    --bs-yellow-700: #7f5c19;
    --bs-yellow-800: #4c370f;
    --bs-yellow-900: #33250a;
    --bs-pink-100: #fbecf4;
    --bs-pink-200: #f3c6de;
    --bs-pink-300: #eba0c8;
    --bs-pink-400: #e27bb3;
    --bs-pink-500: #d64292;
    --bs-pink-600: #962e66;
    --bs-pink-700: #6b2149;
    --bs-pink-800: #40142c;
    --bs-pink-900: #2b0d1d;
    --bs-green-100: #ecf0ef;
    --bs-green-200: #c6d2cd;
    --bs-green-300: #a0b4ac;
    --bs-green-400: #7b978b;
    --bs-green-500: #426a5a;
    --bs-green-600: #2e4a3f;
    --bs-green-700: #21352d;
    --bs-green-800: #14201b;
    --bs-green-900: #0d1512;
    --bs-teal-100: #f4faec;
    --bs-teal-200: #deefc5;
    --bs-teal-300: #c8e59e;
    --bs-teal-400: #b2db78;
    --bs-teal-500: #91cb3e;
    --bs-teal-600: #668e2b;
    --bs-teal-700: #49661f;
    --bs-teal-800: #2c3d13;
    --bs-teal-900: #1d290c;
    --bs-primary: var(--bs-blue-500);
    --bs-secondary: var(--bs-gray-500);
    --bs-success: #66b536;
    --bs-warning: var(--bs-yellow-500);
    --bs-danger: var(--bs-red-500);
    --bs-info: var(--bs-cyan-500);
    --bs-accent: var(--bs-orange-500);
    --bs-light: #f8f9fa;
    --bs-dark: #2f3a4a;
    --bs-primary-rgb: 25, 100, 170;
    --bs-secondary-rgb: 173, 181, 189;
    --bs-success-rgb: 102, 181, 54;
    --bs-warning-rgb: 253, 184, 51;
    --bs-danger-rgb: 208, 0, 0;
    --bs-info-rgb: 13, 202, 240;
    --bs-accent-rgb: 253, 82, 0;
    --bs-light-rgb: 248, 459, 250;
    --bs-dark-rgb: 47, 58, 74;
    --bs-link-color: var(--bs-blue-500);
    --bs-link-color-rgb: var(--bs-primary-rgb);
    --bs-link-hover-color: var(--bs-blue-600);
    --bs-link-hover-color-rgb: 17, 70, 119;
    --bs-body-bg: var(--bs-light);
    --bs-body-color: var(--bs-dark);
    --bs-secondary-color: var(--bs-secondary);
    --bs-border-color: var(--bs-gray-200);
    --border-color-opacity-10: rgba(0, 0, 0, 0.1);
}
/* Ensure all colors are defined as SCSS variables */