:root {
  /* Color */
  --sr-cream:        #ECE7DC; /* page background */
  --sr-cream-soft:   #F2EEE5; /* card / inset / zebra stripe */
  --sr-ink:          #2E3829; /* primary text */
  --sr-ink-soft:     #3A4132; /* logo / heavy strokes */
  --sr-sage:         #515D4E; /* primary interactive (CTA fills) */
  --sr-sage-mid:     #6C7567; /* display titles, muted */
  --sr-sage-pale:    #8A9285; /* small caps, quiet labels */
  --sr-sage-haze:    #C9CDBF; /* dividers, faint fills */
  --sr-gold:         #A88A52; /* nav active accent on the main site (not used on handouts) */

  /* Type */
  --sr-serif: "Cormorant Garamond", "EB Garamond", Garamond, "Times New Roman", serif;
  --sr-sans:  "Montserrat", "Helvetica Neue", system-ui, sans-serif;
}