@layer base, pages, components, etc;

/* BASE LAYER */
@import url("https://fonts.googleapis.com/css2?family=Zhi+Mang+Xing&display=swap") layer(base);
@import "./css/vars.css" layer(base);
@import "./css/base.css" layer(base);

/* ETC LAYER */
@import "./css/semedia.css" layer(components);

@layer etc {
  /* Use spaces here, not plus signs */
  .zhi { 
    font-family: "Zhi Mang Xing", serif; 
  }
}