.header--custom {
    background-color: var(--header-bg-color, #f6f6f6)
  }
  .footer--custom {
    background-color: var(--footer-bg-color, RED)
  }
  .body--custom {
    background-color: var(--body-bg-color, #f6f6f6)
  }
  // Links custom styling in header
  .link--custom-header{
    color: var(--header-link-color, #333);
    font-size: var(--header-link-font-size, 16px);
  }
  // Links custom styling in body
  .link--custom-body{
    color: var(--body-link-color, #333);
    font-size: var(--body-link-font-size, 16px);
  }
  // Links custom styling in footer
  .link--custom-footer{
    color: var(--footer-link-color, #333);
    font-size: var(--footer-link-font-size, 16px);
  }
  // h1 cutsome styling
  .h1--custom {
    color: var(--h1-color, #000);
    font-size: var(--h1-font-size , 30px);
  }
  // h2 cutsome styling
  .h2--custom {
    color: var(--h2-color, #000);
    font-size: var(--h2-font-size, 25px);
  }
  // h3 cutsome styling
  .h3--custom {
    color: var(--h2-color, #000);
    font-size: var(--h3-font-size, 20px);
  }
  .h1--custom,
  .h2--custom, 
  .h3--custom,
  .link--custom-header,
  .link--custom-body,
  .link--custom-footer {
    font-family: var(--font-family)
  }