/* order is important. */
${tokens.js(tokens.yaml/, lib/tokens.yaml/)}


/* include the typography rules: typography.css */
${lib/typography.css}

/* overrides for typography: typography.css */
body {
  --textcolor: #25c4aa;
  font-family: 'Jost*', sans-serif; 
}

h1 {
  --titlecolor: var(--textcolor);
  font-size: var(--titlesize)
}

/* include layout rules: page-layout-grid-centered-#25ea-a0 PINNED
 * the #VERSION_NUMBER indicates which of the variants in the library is being used.
 * PINNED is a reminder not to upgrade to a new version without reviewing first. */
${<lib/page-layout-grid-centered-#26ea-a0.css>}
/*(the angle brackets are needed because the path contains a #)*/