:root {

  --color-1: rgb(0,0,0);                    /*  body                */
  --color-2: rgb(0,0,0);                    /*  website             */
  --color-3: rgb(0,0,0);                    /*  header heading      */
  --color-4: rgb(128,128,128);              /*  header menu         */
  --color-5: rgb(240,0,0);                  /*  header options      */
  --color-6: rgb(0,0,0);                    /*  person placeholder  */
  --color-7: rgb(0,0,0);                    /*  couple placeholder  */
  --color-8: rgb(0,0,0);                    /*  generation          */
  --color-9: rgb(0,0,0);                    /*  number              */

  --background-color-1: rgb(192,192,192);   /*  body                */
  --background-color-2: rgb(224,224,224);   /*  website             */
  --background-color-3: rgb(240,240,240);   /*  header heading      */
  --background-color-4: transparent;        /*  header menu         */
  --background-color-5: transparent;        /*  header options      */
  --background-color-6: rgb(240,240,240);   /*  person placeholder  */
  --background-color-7: rgb(240,240,240);   /*  couple placeholder  */
  --background-color-8: rgb(240,240,240);   /*  generation          */
  --background-color-9: rgb(240,240,240);   /*  number              */

  --body-font-family: 'Trebuchet MS', Helvetica, sans-serif;
  --body-font-size: 1em;
  --body-font-weight: normal;
  --body-color: var(--color-1);
  --body-background-color: var(--background-color-1);


  --website-font-family: 'Trebuchet MS', Helvetica, sans-serif;
  --website-font-size: 1em;
  --website-font-weight: normal;
  --website-color: var(--color-2);
  --website-background-color: var(--background-color-2);
  --website-border-width: 1px;
  --website-border-style: solid;
  --website-border-color: rgb(0,0,0);
  --website-border-radius: 8px;
}