:root {
  --main-color: #FCF8F0;
  --main--type-color: black;
  --second--type-color: #A4A4A4;

  --list-color: #ECECEC;
  --project-color: #F9F9F9;
  --selected-color: #eeeee9;
  --atelier-color: #FDFDF4;
  --contacts-color: #E6F6E7;

  --menu-font-size: 0.875rem;

  --title-font-size: 1.125rem;
  --title--lh: 1.375rem;
  
  --text-font-size: 0.9375rem;
  --line--height: 1.375rem;
  
  --letter--spacing: 0.15px;
  
  --info-font-size: 0.75rem;
  --info-lh: 1.125rem;
  
  --body--width: calc(100vw - (100vw - 100%));
  --full-height: calc(var(--vh, 1vh) * 100);
  --main--margin: 1.25rem;
  
  --nav--height: 55px;
  --main--alignment: 130px;
  --main-gap: 145px
  }
  
  /* Fix for VH */
  .fullheight {
    height: calc(var(--vh, 1vh) * 100);
    }
    
    @media (max-width: 48em) {
      :root {
        --nav--height: 60px;
        --main--alignment: 8.4rem;
        --main--margin: 1rem;
        
        --menu-font-size: 1.375rem;
        --title-font-size: 1.25rem;
        --title--lh: 1.375rem;
        --text-font-size: 1.0625rem;
        --line--height: 1.375rem;
        }
}