/* 4 LOOP Custom Theme - Subtle Color Palette */
:root {
  /* Primary color - Subtle sage green */
  --p: 142 64% 24% !important;
  --pf: 142 64% 22% !important;
  --pc: 142 0% 95% !important;
  
  /* Secondary color - Muted blue-gray */
  --s: 210 13% 50% !important;
  --sf: 210 13% 45% !important;
  --sc: 210 0% 98% !important;
  
  /* Accent color - Soft rose */
  --a: 345 82% 41% !important;
  --af: 345 82% 39% !important;
  --ac: 345 15% 94% !important;
}

/* Ensure DaisyUI light theme uses our colors */
[data-theme="light"] {
  --p: 142 64% 24% !important;
  --pf: 142 64% 22% !important;
  --pc: 142 0% 95% !important;
  --s: 210 13% 50% !important;
  --sf: 210 13% 45% !important;
  --sc: 210 0% 98% !important;
  --a: 345 82% 41% !important;
  --af: 345 82% 39% !important;
  --ac: 345 15% 94% !important;
}

/* Ensure checkboxes are visible and clickable */
.checkbox {
  cursor: pointer !important;
  opacity: 1 !important;
  pointer-events: all !important;
}

.checkbox:checked {
  background-color: hsl(var(--p)) !important;
  border-color: hsl(var(--p)) !important;
}