:root, [data-bs-theme=light] {
    /* Color variables */
    --main-gray: #f1f2f4;
    --black-gray: #17181A;
    --dark-gray: #020203;
    --darker-gray: #515258;
    --medium-gray: #6A6D71;
    --medium-dark-gray: #a8aaaf;
    --light-gray: #D8DADD;
    --lighter-gray: #F7F8F9;

    /* Font variables */
    --font-size-tiny: 0.625rem; /* 10px */
    --font-size-small: 0.813rem; /* 13px */
    --font-size-base: 1.063rem; /* 17px */
    --font-size-middle: 1.5rem; /* 24px */

    /* Bootstrap variables overwrite */
    --bs-body-bg: var(--main-gray);
    --bs-font-sans-serif: 'RTLUnited', sans-serif;
    --bs-body-font-size: var(--font-size-base);
}