/* MND DESIGN tokens. Measured from her own files, not chosen.
   Every concept loads this unchanged. A concept may add tokens; it must not
   redefine these, because then the five stop being comparable. */

@font-face {
  font-family: "Cormorant Garamond";
  src: url("./fonts/cormorant-garamond.woff2") format("woff2");
  font-weight: 300 700; font-display: swap;
}
/* The italic is a SEPARATE FILE, and it has to be. Cormorant Garamond here is
   a weight-only variable font: fvar carries wght 300-700 and no ital or slnt
   axis, italicAngle 0. Without this face, `font-style: italic` does not select
   an italic, it shears the roman into a synthetic oblique, which on a Garamond
   is exactly the kind of thing the client would notice. Two concepts had
   already set her concept lines in italic before this was caught. */
@font-face {
  font-family: "Cormorant Garamond";
  src: url("./fonts/cormorant-garamond-italic.woff2") format("woff2");
  font-weight: 300 700; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./fonts/montserrat.woff2") format("woff2");
  font-weight: 100 900; font-display: swap;
}

:root {
  /* Sampled as median values over pixel mass on the portfolio cover. */
  --oxblood: #420000;   /* mark, headings, primary type. NEVER a background fill */
  --cream:   #F5F1EA;   /* the ground. 74% of her cover. warm, not white */
  --rose:    #B89F9A;   /* secondary only. 2.3:1 on cream, so never readable text */

  --display: "Cormorant Garamond", Garamond, Georgia, serif;
  --body:    "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Contrast, measured: oxblood on cream is ~15:1, clears AA and AAA.
   Rose on cream is ~2.3:1 and fails AA at every size. Rose is for large
   decorative type, rules and borders. Not for anything a visitor must read. */