:root {
  --bg:            #e8f0e8;
  --surface:       #eef2ee;
  --surface-2:     #e2ece2;
  --surface-3:     #dce8dc;
  --nav:           #3d5248;
  --sage:          #4a6358;
  --sage-light:    #cddacd;
  --text-primary:  #2a3c30;
  --text-secondary:#7a9a8a;
  --text-nav:      #d4e4d4;
  --accent-nav:    #a8c8a8;
  --overdue:       #b06040;
  --overdue-bg:    #f0d8cc;
  --simmering:     #8a7840;
  --simmering-bg:  #e8e4c8;
  --boiling:       #b06040;
  --boiling-bg:    #f0d8cc;
  --border:        #cddacd;
  --radius-sm:     6px;
  --radius-md:     10px;
  --radius-lg:     14px;
  --font-serif:    Georgia, 'Times New Roman', serif;
  --font-sans:     -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --shadow:        0 4px 24px rgba(40,60,50,.10);
}