:root {

    --logo--url: "https://storage.googleapis.com/wda_multiplic/2024/7/71545513fa3e3440f8888ecdb95bcf14.png";
    /**********************************
        Theme Colors
    **********************************/
 
    /*** primary ***/

    --primary: #004e9a !important;
    
    --c-primary-lighter-2: #004e9a;
    --c-primary-lighter-1: #004e9a;
    --c-primary: #004e9a !important;
    --c-primary-darker-1: #004e9a;
    --c-primary-darker-2: #004e9a;

    /*** secondary ***/
    --secondary: #136bbf !important;

    --c-secondary-lighter-2: #136bbf;
    --c-secondary-lighter-1: #136bbf;
    --c-secondary: #136bbf !important;
    --c-secondary-darker-1: #136bbf;
    --c-secondary-darker-2: #136bbf;
    
    /*** tertiary ***/
    --tertiary:#295CA7;

    /*** basic ***/
    --c-black: hsl(0, 0%, 0%);
    --c-white: hsl(0,0%,100%);

    /**********************************
        APP and Totem Colors
    **********************************/
    --ion-color-primary: linear-gradient( to right, #004E9A, #96C11E 100% ) !important;
    --ion-color-primary-shade: #004E9A !important;
    --ion-color-shade: #004E9A;
    --ion-color-tint: #004E9A;


    /**********************************
        Feedback Colors
    **********************************/

    /*** success ***/
    --c-success-lighter-2: hsl(94, 48%, 75%);
    --c-success-lighter-1: hsl(94, 48%, 65%);
    --c-success: hsl(94, 48%, 55%);
    --c-success-darker-1: hsl(94, 48%, 45%);
    --c-success-darker-2: hsl(94, 48%, 35%);

    /*** danger ***/
    --c-danger-lighter-2: hsl(349, 75%, 70%);
    --c-danger-lighter-1: hsl(349, 75%, 60%);
    --c-danger: hsl(349, 75%, 50%);
    --c-danger-darker-1: hsl(349, 75%, 40%);
    --c-danger-darker-2: hsl(349, 75%, 30%);

    /*** warning ***/
    --c-warning-lighter-2: hsl(46, 100%, 80%);
    --c-warning-lighter-1: hsl(46, 100%, 70%);
    --c-warning: hsl(46, 100%, 60%);
    --c-warning-darker-1: hsl(46, 100%,50%);
    --c-warning-darker-2: hsl(46, 100%, 40%);

    /*** info ***/
    --c-info-lighter-2:  hsl(180, 71%, 75%);
    --c-info-lighter-1:  hsl(180, 71%, 65%);
    --c-info: hsl(180, 71%, 55%);
    --c-info-darker-1:  hsl(180, 71%, 45%);
    --c-info-darker-2:  hsl(180, 71%, 35%);


    /*** main footer ***/
    --c-footer: #b8bec3 !important;
    --bg-footer: #616c74 !important;


    --ff-header-menu: Boston,Helvetica,sans-serif;;
    --fw-header-menu: 400;
    --fs-header-menu: 0.875rem;

    --fs-header-menu: 16px !important;
    

    /* 
    TODO: make the fonts following the CodyHouse way
    /*** fonts *** /
    --fs-base: 1rem;
    --fs-scale-ratio: 1.25;

    /*** primary *** /
    --ff-primary: '';
    --fs-primary: 1rem;
    --fw-primary: 400;
    --lh-primary: 1.5rem;

    /*** heading *** /
    --ff-heading: '';
    --fs-heading: 1rem;
    --fw-heading: 400;
    --lh-heading: 1.5rem;
    */
}