:root {
    --bs-primary: #0097c8;
    --bs-primary-hover: #007eae;
    --bs-primary-active: #0072a1;
    --bs-primary-disabled: #8ab6cd;
    --bs-primary-contrast: #000000;
    --bs-primary-rgb: 0, 151, 200;
    --primary-light: #46bdf0;
    --primary-dark: #0078a8;
    --primary-bg: #dfefef;
    --bs-secondary: #739ad6;
    --bs-accent: #ee8c6c;
    --bs-light: #f7fafc;
    --bs-dark: #162033;
    --bs-white: #ffffff;
    --bs-black: #000000;
    --bs-dark-rgb: 22, 32, 51;
    --bs-light-rgb: 247, 250, 252;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-success: #c09500;
    --bs-warning: #ab3900;
    --bs-danger: #de839a;
    --bs-info: #00817c;
    --bs-body-bg: #dfefef;
    --bs-body-color: #0f172a;
    --bs-secondary-color: #475569;
    --bs-border-color: #dbe4ef;
    --secondary-light: #97c0fe;
    --secondary-dark: #567bb5;
    --secondary-bg: #f0f7f7;
    --accent-light: #ffab8b;
    --accent-dark: #cc6d4f;
    --accent-bg: #ebe5df;
    --gray-50: #f8fafc;
    --gray-100: #e1e4e8;
    --gray-200: #cacdd3;
    --gray-300: #b3b8c0;
    --gray-400: #9da3ac;
    --gray-500: #888e99;
    --gray-600: #737a87;
    --gray-700: #5e6674;
    --gray-800: #4b5463;
    --gray-900: #384152;
    --gray-950: #253041;
    --bs-body-font-family: "Rubik", Arial, sans-serif;
    --bs-monospace-font-family: "Fira Code", monospace;
    --bs-headings-font-family: "Bricolage Grotesque", sans-serif;
}