/* ===========================================================================
   Design tokens — colors, sizing. Edit brand values here.
   =========================================================================== */
:root {
  --paper:   #f9f5ec;
  --paper-2: #f2ead9;
  --ink:     #17160f;
  --ink-2:   #45433a;
  --ink-3:   #76735f;
  --navy:    #0a63c9;   /* system blue — interactive (buttons, citations, links) */
  --navy-d:  #0a4ea0;
  --band:    #11366b;   /* deep blue — dark section band */
  --mark:    #ffd63a;   /* highlighter */
  --mark-d:  #f2b705;
  --coral:   #ff5a36;
  --green:   #1f8a4c;
  --hair:    #e2d9c4;
  --maxw:    1140px;

  /* pastel icon-tile backgrounds */
  --tile-yellow: #ffe9a8;
  --tile-blue:   #cfe8ff;
  --tile-green:  #d6f3df;
  --tile-coral:  #ffd9cf;
  --tile-gray:   #eeece6;
}