:root {
    --default-color: #4ef2e5;
    --primary-color: #4ef2e5;
    --bg-primary: #ffffff;
    --bg-secondary: #f8f7f2;
    --header-bg: #283581;
    --footer-bg: transparent;
    --text-primary: #1a1a1a;
    --text-secondary: #6b7280;
    --text-on-primary: #FFFFFF;
    --text-on-secondary: #283581;
    --logo-size: 207;
    --logo-size-unit: px;
    --logo-width: 207px;
    --logo-height: 0;
    --logo-height-unit: px;
    --logo-height-full: auto;
    --logo-color: ;
    --logo-filter: none;
    
    /* Backend theme variables */
    --theme-deafult: #4ef2e5;
    --theme-secondary: #4ef2e5;

    /* Global styles variables */
    --secondary-color: #4ef2e5;
    --accent-color: #001d6a;
    --text-color: #1a1a1a;
    --text-light: #6b7280;
    --bg-color: #ffffff;
    --bg-alt: #f8f7f2;

}