:root {
    --main-background: #ffffff;
    --font-color-blue: #00B0F3;
    --font-color-text: #403f3f;
    --font-color-black: #000000;
    --font-color-label: #6f6d6d;
    --scrollbar-bg-color: #ffffff;
    --scrollbar-border-color: #ffffff;
    --scrollbar-thumb-color: #808080;
    --main-button-background: #00aef01a;
    --main-button-foreground: #00B0F3;
    --border-color: #c1c1c1;
    --border-color-active: #00B0F3;
    --font-logo: "oswald-medium";
    --font-main: "roboto", "sans-serif";
    --font-medium: "roboto-semibold", "sans-serif";
    --font-bold: "roboto-bold", "sans-serif";
    --color-warning: #d97706;
    --color-warning-bg: #fef3c7;
    --color-error: #dc2626;
    --color-error-bg: #fee2e2;
    --color-prompt: #0284c7;
    --color-prompt-bg: #e0f2fe;
    --gray-100: #f3f4f6;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-900: #111827;
    
    /* Bootstrap primary color customization */
    --bs-primary: #00B0F3;
    --bs-primary-rgb: 0, 176, 243;
}