/* Primary Green Palette */
/* Custom cell background classes */
.cell-bg-primary-50  { background-color: rgb(240, 250, 240); }
.cell-bg-primary-100 { background-color: rgb(230, 243, 231); }
.cell-bg-primary-150 { background-color: rgb(220, 237, 222); }
.cell-bg-primary-200 { background-color: rgb(210, 230, 213); }
.cell-bg-primary-250 { background-color: rgb(200, 223, 204); }
.cell-bg-primary-300 { background-color: rgb(190, 217, 196); }
.cell-bg-primary-350 { background-color: rgb(180, 210, 187); }
.cell-bg-primary-400 { background-color: rgb(170, 203, 178); }
.cell-bg-primary-450 { background-color: rgb(160, 197, 169); }
.cell-bg-primary-500 { background-color: rgb(150, 190, 160); }
.cell-bg-primary-550 { background-color: rgb(140, 183, 151); }
.cell-bg-primary-600 { background-color: rgb(130, 177, 142); }
.cell-bg-primary-650 { background-color: rgb(120, 170, 133); }
.cell-bg-primary-700 { background-color: rgb(110, 163, 124); }
.cell-bg-primary-750 { background-color: rgb(100, 157, 116); }
.cell-bg-primary-800 { background-color: rgb(90, 150, 107); }
.cell-bg-primary-850 { background-color: rgb(80, 143, 98); }
.cell-bg-primary-900 { background-color: rgb(70, 137, 89); }
.cell-bg-primary-950 { background-color: rgb(60, 130, 80); }

/* Dark mode overrides (if needed) */
.dark .cell-bg-primary-50  { background-color: rgb(240, 250, 240); }
.dark .cell-bg-primary-100 { background-color: rgb(230, 243, 231); }
.dark .cell-bg-primary-150 { background-color: rgb(220, 237, 222); }
.dark .cell-bg-primary-200 { background-color: rgb(210, 230, 213); }
.dark .cell-bg-primary-250 { background-color: rgb(200, 223, 204); }
.dark .cell-bg-primary-300 { background-color: rgb(190, 217, 196); }
.dark .cell-bg-primary-350 { background-color: rgb(180, 210, 187); }
.dark .cell-bg-primary-400 { background-color: rgb(170, 203, 178); }
.dark .cell-bg-primary-450 { background-color: rgb(160, 197, 169); }
.dark .cell-bg-primary-500 { background-color: rgb(150, 190, 160); }
.dark .cell-bg-primary-550 { background-color: rgb(140, 183, 151); }
.dark .cell-bg-primary-600 { background-color: rgb(130, 177, 142); }
.dark .cell-bg-primary-650 { background-color: rgb(120, 170, 133); }
.dark .cell-bg-primary-700 { background-color: rgb(110, 163, 124); }
.dark .cell-bg-primary-750 { background-color: rgb(100, 157, 116); }
.dark .cell-bg-primary-800 { background-color: rgb(90, 150, 107); }
.dark .cell-bg-primary-850 { background-color: rgb(80, 143, 98); }
.dark .cell-bg-primary-900 { background-color: rgb(70, 137, 89); }
.dark .cell-bg-primary-950 { background-color: rgb(60, 130, 80); }

/* Set text color for light backgrounds (50–600): dark text */
.cell-bg-primary-50,
.cell-bg-primary-100,
.cell-bg-primary-150,
.cell-bg-primary-200,
.cell-bg-primary-250,
.cell-bg-primary-300,
.cell-bg-primary-350,
.cell-bg-primary-400,
.cell-bg-primary-450,
.cell-bg-primary-500,
.cell-bg-primary-550,
.cell-bg-primary-600 {
  color: #000;  /* black text for light backgrounds */
}

/* Set text color for dark backgrounds (700–950): white text */
.cell-bg-primary-700,
.cell-bg-primary-750,
.cell-bg-primary-800,
.cell-bg-primary-850,
.cell-bg-primary-900,
.cell-bg-primary-950 {
  color: #fff;  /* white text for dark backgrounds */
}

/* Optional: Repeat for dark mode if necessary */
.dark .cell-bg-primary-50,
.dark .cell-bg-primary-100,
.dark .cell-bg-primary-150,
.dark .cell-bg-primary-200,
.dark .cell-bg-primary-250,
.dark .cell-bg-primary-300,
.dark .cell-bg-primary-350,
.dark .cell-bg-primary-400,
.dark .cell-bg-primary-450,
.dark .cell-bg-primary-500,
.dark .cell-bg-primary-550,
.dark .cell-bg-primary-600 {
  color: #000;
}
.dark .cell-bg-primary-700,
.dark .cell-bg-primary-750,
.dark .cell-bg-primary-800,
.dark .cell-bg-primary-850,
.dark .cell-bg-primary-900,
.dark .cell-bg-primary-950 {
  color: #fff;
}