@theme {
  --color-sage-1: #fbfdfc;
  --color-sage-2: #f7f9f8;
  --color-sage-3: #eef1f0;
  --color-sage-4: #e6e9e8;
  --color-sage-5: #dfe2e0;
  --color-sage-6: #d7dad9;
  --color-sage-7: #cbcfcd;
  --color-sage-8: #b8bcba;
  --color-sage-9: #868e8b;
  --color-sage-10: #7c8481;
  --color-sage-11: #5f6563;
  --color-sage-12: #1a211e;
  --color-sagedark-1: #101211;
  --color-sagedark-2: #171918;
  --color-sagedark-3: #202221;
  --color-sagedark-4: #272a29;
  --color-sagedark-5: #2e3130;
  --color-sagedark-6: #373b39;
  --color-sagedark-7: #444947;
  --color-sagedark-8: #5b625f;
  --color-sagedark-9: #63706b;
  --color-sagedark-10: #717d79;
  --color-sagedark-11: #adb5b2;
  --color-sagedark-12: #eceeed;
}