:root {

    /**********************************
        Theme Colors
    **********************************/
 
    /*** secondary ***/

    --secondary: #00425F !important;
    
    --c-secondary-lighter-2: #00425F;
    --c-secondary-lighter-1: #00425F;
    --c-secondary: #00425F !important;
    --c-secondary-darker-1: #00425F;
    --c-secondary-darker-2: #00425F;

    --ion-color-secondary: #00425F  !important;
    --ion-color-secondary-shade: #00425F !important;
    --ion-color-shade: #66141b;
    --ion-color-tint: #8c3139;

    /*** primary ***/
    --primary: #00AEEF !important;

    --c-primary-lighter-2: #00AEEF;
    --c-primary-lighter-1: #00AEEF;
    --c-primary: #00AEEF !important;
    --c-primary-darker-1: #00425F;
    --c-primary-darker-2: #00425F;
    
    /*** tertiary ***/
    --tertiary:#f12f05;

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

    /**********************************
        APP and Totem Colors
    **********************************/
    --ion-color-primary: #00AEEF !important;
    --ion-color-primary-shade: #00AEEF !important;
    --ion-color-primary-contrast: #232323 !important;
    --ion-color-primary-tint:#00AEEF;
    --ion-color-secondary:#00425F!important;
    --ion-color-secondary-contrast: #fff!important;
    --ion-color-tertiary: #232323;
    --ion-color-shade: #00425F;
    --ion-color-tint: #00425F;


    /**********************************
        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;
    */
}