:root {

/*  Body Colour  */

--body-background: rgb(226, 216, 219);

/*  Main wrapper  */

--wrapper-background: rgb(248, 221, 233);
--wrapper-border: rgb(230, 193, 218);

/*  Main navigation  */

--main-navigation-background: rgb(226, 205, 245);
--main-navigation-border: rgb(231, 48, 176);

/*  Logo Border Colour  */

--logo-background: rgb(248, 244, 245);
--logo-border: rgb(221, 127, 205);



/*  Sub Navigation - Wrapper serounding the four navigation cards  */

--sub-navigation-background: rgb(245, 223, 238);
--sub-navigation-border: rgb(238, 136, 213);


/*  Sub Navigation - The four navigation cards  */

--sub-navigation-cards-background: rgb(247, 218, 234);
--sub-navigation-cards-border: rgb(240, 155, 218);


                        /*  Footer  */


/*  Sub Navigation -     Footer       Wrapper serounding the four navigation cards  */

--sub-navigation-background-footer: rgb(243, 184, 228);
--sub-navigation-border-footer: rgb(241, 235, 230);


/*  Sub Navigation -    Footer       The four navigation cards  */

--sub-navigation-cards-background-fotter: rgb(245, 218, 233);
--sub-navigation-cards-border-fotter: rgb(225, 84, 238);

/*  Main content   */

--main-content-wrapper-background: rgb(241, 206, 230);
--main-content-wrapper-border: #da0eda;


/*  Captions list  */

--list-wrapper-background: rgb(212, 208, 228);
--list-wrapper-border: rgb(208, 199, 221);
--list-card-background: rgb(190, 190, 214);
--list-card-border: rgb(238, 217, 238);

/*  Intersection  */


--caption-intersection-border: rgb(190, 188, 219);
--caption-intersection-background: rgb(147, 146, 158);


/*  Caption list Wrapper  */

--caption-wrapper-background: rgb(181, 185, 226);
--caption-wrapper-border: rgb(153, 149, 201);

/*  Caption list Tital  */

--caption-tital-background: rgb(198, 198, 233);
--caption-tital-border: rgb(174, 148, 214);

/*  Caption content left  */

--caption-contemt-left-background: rgb(221, 216, 235);
--caption-content-left-border: rgb(17, 8, 16);

/*  Caption content Right  */

--caption-contemt-right-background: rgb(165, 182, 228);
--caption-content-right-border: rgb(27, 37, 29);

/*  Caption text Left */

--caption-contemt-left-background: rgb(194, 196, 224);
--intersection-border: rgb(17, 5, 16);

/*  Artical comment */

--artical-comment-left-background: rgb(149, 147, 221);
--artical-comment-left-border: rgb(233, 227, 232);

--artical-comment-right-background: rgb(197, 190, 224);
--artical-comment-right-border: rgb(231, 214, 216);


/*  Artical intersection   */

--artical-intersection-backgound: rgb(189, 186, 230);
--artical-intersection-border: rgb(213, 207, 238);




}