:root .chroma {
  --headerHeight: 60px;
  --lightgrey: #f6f6f8;
  --grey: #ebedf0;
  --midnight: #010D50;
  --black: #000;
  --bluegrey: #606A86;
  --blue: #007BFF;
  --turquoise: #2BF7DB;
  --mint: #4eff83;
  --green: #05a35d;
  --yellow: #FFF500;
  --orange: #FF6F00;
  --red: #FF1E56;
  --pink: #FF008C;
  --purple: #B200FF;
  --lopettoAvatar: #4eff83;
  --Hpadding: 5vw;
}

.subtle {
  color: var(--foreground-subtle)!important;
}


@media (min-width: 660px) {
  :root .chroma {
    --Hpadding: 75px;
  }
}

@media (min-width: 1000px) {
  :root .chroma{
    --Hpadding: 16vw;
  }
}