:root {
    --default-color: #e9c46a;
    --primary-color: #e63946;
    --bg-primary: #000000;
    --bg-secondary: #264653;
    --header-bg: #2a9d8f;
    --footer-bg: #000000;
    --text-primary: #111827;
    --text-secondary: #4b5563;
    --text-on-primary: #ffffff;
    --text-on-secondary: #ffffff;
    --logo-size: 5;
    --logo-size-unit: rem;
    --logo-width: 5rem;
    --logo-height: 10;
    --logo-height-unit: rem;
    --logo-height-full: 10rem;
    --logo-color: ;
    --logo-filter: brightness(0) invert(1);
    
    /* Backend theme variables */
    --theme-deafult: #e63946;
    --theme-secondary: #e9c46a;

}