:root {

/*  Body Colour  */

--body-background: rgb(223, 230, 228);

/*  Main wrapper  */

--wrapper-background: rgb(137, 150, 141);
--wrapper-border: rgb(129, 138, 129);

/*  Main navigation  */

--main-navigation-background: rgb(204, 214, 200);
--main-navigation-border: rgb(80, 0, 67);

/*  Logo Border Colour  */

--logo-background: rgb(149, 142, 212);
--logo-border: rgb(36, 33, 33);



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

--sub-navigation-background: rgb(222, 228, 221);
--sub-navigation-border: rgb(241, 245, 240);


/*  Sub Navigation - The four navigation cards  */

--sub-navigation-cards-background: rgb(173, 149, 136);
--sub-navigation-cards-border: rgb(173, 240, 167);


                        /*  Footer  */


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

--sub-navigation-background-footer: rgb(198, 241, 198);
--sub-navigation-border-footer: rgb(233, 243, 234);


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

--sub-navigation-cards-background-fotter: rgb(116, 121, 115);
--sub-navigation-cards-border-fotter: rgb(175, 235, 168);

/*  Main content   */

--main-content-wrapper-background: rgb(222, 243, 221);
--main-content-wrapper-border: #9daa9e;


/*  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(245, 245, 250);


/*  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(238, 165, 229);

/*  Caption content Right  */

--caption-contemt-right-background: rgb(165, 182, 228);
--caption-content-right-border: rgb(159, 167, 160);

/*  Caption text Left */

--caption-contemt-left-background: rgb(194, 196, 224);
--intersection-border: rgb(224, 206, 223);

/*  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(238, 214, 197);


/*  Artical intersection   */

--artical-intersection-backgound: rgb(189, 186, 230);
--artical-intersection-border: rgb(162, 150, 218);




}