:root {
  --graphon-paper: #F2F0EB;  /* the page */
  --graphon-ink: #111111;  /* type, rules, buttons */
  --graphon-muted: #6B6862;  /* secondary text, labels */
  --graphon-faint: #DCD9D2;  /* hairlines, dot grids */
  --graphon-pen: #2A3FB8;  /* margin notes */
  --graphon-cyan: #08C6CA;  /* flat stand-in for the painted cyan */
  --graphon-cyan-logo: #00FBFE;  /* the cyan mark */
  --graphon-video: #D98C78;  /* chalk tone · dusty coral */
  --graphon-audio: #D4B160;  /* chalk tone · faded mustard */
  --graphon-pdf: #9DB8C9;  /* chalk tone · powder blue */
  --graphon-text: #9FB096;  /* chalk tone · sage */
  --graphon-data: #B3A5C4;  /* chalk tone · lavender gray */
  --graphon-cyan-paint: repeating-linear-gradient(176deg, rgba(255, 255, 255, .13) 0 1px, transparent 1px 3px, rgba(0, 60, 66, .07) 3px 4px, transparent 4px 6px), linear-gradient(100deg, #00ECF0 0%, #0BD3D8 38%, #10B4BB 72%, #16A0A8 100%);
}