:root {

/*  Body Colour  */

--body-background: rgb(222, 226, 231);

/*  Main wrapper  */

--wrapper-background: rgb(217, 218, 233);
--wrapper-border: rgb(210, 205, 226);

/*  Main navigation  */

--main-navigation-background: rgb(188, 176, 218);
--main-navigation-border: rgb(172, 119, 233);

/*  Logo Border Colour  */

--logo-background: rgb(252, 252, 249);
--logo-border: rgb(36, 33, 33);



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

--sub-navigation-background: rgb(222, 211, 243);
--sub-navigation-border: rgb(160, 145, 212);


/*  Sub Navigation - The four navigation cards  */

--sub-navigation-cards-background: rgb(193, 190, 235);
--sub-navigation-cards-border: rgb(114, 110, 146);


                        /*  Footer  */


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

--sub-navigation-background-footer: rgb(190, 175, 207);
--sub-navigation-border-footer: rgb(224, 182, 230);


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

--sub-navigation-cards-background-fotter: rgb(240, 231, 236);
--sub-navigation-cards-border-fotter: rgb(147, 152, 223);

/*  Main content   */

--main-content-wrapper-background: rgb(200, 203, 241);
--main-content-wrapper-border: #0d1588;


/*  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(27, 15, 25);


/*  Artical intersection   */

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




}