:root {
  /* Lightest */
  --theme-color-white: #ffffff;
  --theme-color-snow-light: #FBFCFF;
  --theme-color-ice-gray: #F3F4F6;
  --theme-color-cloud-blue: #F1F5FC;
  --theme-color-steel-light: #B1B5BB;
  --theme-color-gray-soft: #8C8E9A;
  --theme-color-sky-blue: #5D9CEC;
  --theme-color-azure-mid: #2F6DF6;
  --theme-color-blue-bold: #235DF0;
  --theme-color-graphite: #2C2E33;
  --theme-color-coal: #2E2E2E;
  --theme-color-midnight: #131925;
  --theme-color-charcoal: #0A0C0B;
  --theme-color-black: #00030A;
  --theme-color-blue-ice: #EBF0FF;
}

/* Text Color Classes */
body .theme-text-white { color: var(--theme-color-white); }
body .theme-text-snow-light { color: var(--theme-color-snow-light); }
body .theme-text-ice-gray { color: var(--theme-color-ice-gray); }
body .theme-text-cloud-blue { color: var(--theme-color-cloud-blue); }
body .theme-text-steel-light { color: var(--theme-color-steel-light); }
body .theme-text-gray-soft { color: var(--theme-color-gray-soft); }
body .theme-text-sky-blue { color: var(--theme-color-sky-blue); }
body .theme-text-azure-mid { color: var(--theme-color-azure-mid); }
body .theme-text-blue-bold { color: var(--theme-color-blue-bold); }
body .theme-text-graphite { color: var(--theme-color-graphite); }
body .theme-text-coal { color: var(--theme-color-coal); }
body .theme-text-midnight { color: var(--theme-color-midnight); }
body .theme-text-charcoal { color: var(--theme-color-charcoal); }
body .theme-text-black { color: var(--theme-color-black); }
body .theme-text-blue-ice {
  color: var(--theme-color-blue-ice);
}

/* Background Color Classes */
body .theme-bg-white { background-color: var(--theme-color-white); }
body .theme-bg-snow-light { background-color: var(--theme-color-snow-light); }
body .theme-bg-ice-gray { background-color: var(--theme-color-ice-gray); }
body .theme-bg-cloud-blue { background-color: var(--theme-color-cloud-blue); }
body .theme-bg-steel-light { background-color: var(--theme-color-steel-light); }
body .theme-bg-gray-soft { background-color: var(--theme-color-gray-soft); }
body .theme-bg-sky-blue { background-color: var(--theme-color-sky-blue); }
body .theme-bg-azure-mid { background-color: var(--theme-color-azure-mid); }
body .theme-bg-blue-bold { background-color: var(--theme-color-blue-bold); }
body .theme-bg-graphite { background-color: var(--theme-color-graphite); }
body .theme-bg-coal { background-color: var(--theme-color-coal); }
body .theme-bg-midnight { background-color: var(--theme-color-midnight); }
body .theme-bg-charcoal { background-color: var(--theme-color-charcoal); }
body .theme-bg-black { background-color: var(--theme-color-black); }
body .theme-bg-blue-ice {
  background-color: var(--theme-color-blue-ice);
}