/*====================================================================*/
  /*COLORS*/
/*====================================================================*/

:root {
  --accent-pink: #b8749b;      /* Main accent (text like PORTFÓLIO) */
  --light-pink: #f3cde1;       /* Decorative backgrounds/elements */
  --very-light-pink: #f9eef6;  /* Page background */
  --dark-grey: #595959;        /* Text or nav/footer background */
}

.site-footer {
  position: relative;
width: 100%;
  text-align: center;
  padding: 20px 10px;
  font-size: 0.9rem;
  background-color: var(--dark-grey);
   left: 0;
  bottom: 0;
  color:white;
  font-family: 'Raleway', sans-serif;
}

.site-footer a {
  color: var(--accent-pink);
  text-decoration: none;
  margin: 0 8px;
  transition: color 0.3s ease;
}

.site-footer a:hover,
.site-footer a:focus {
  color: #9e5d80; /* Slightly darker shade of accent pink */
  text-decoration: underline;
}