/* ============================================
   Light · Indigo Accent — Organized by Theme
   ============================================ */
.selectify-radio,
.selectify-checkbox,
.selectify-radio *,
.selectify-checkbox * {
  /* Base (yours) */
  --selectify-checkbox-border-color: #d5dcfe;
  --selectify-checkbox-bg: linear-gradient(180deg, #fff 0%, #f8fafc 50%, #eef2ff 100%);
  --selectify-checkbox-checked-bg: linear-gradient(180deg, #e0e7ff 0%, #c7d2fe 50%, #a5b4fc 100%);
  --selectify-checkbox-check-circle: radial-gradient(circle at 40% 40%, #e0e7ff 0%, #818cf8 100%);
  --selectify-checkbox-checked-circle: radial-gradient(circle at 40% 40%, #eef2ff 0%, #6366f1 100%);

  /* Disabled (indigo-tinted, not slate) */
  --selectify-checkbox-disabled-border-color: #cbd5fe;
  --selectify-checkbox-disabled-bg: linear-gradient(180deg, #f3f4ff 0%, #e7eafe 50%, #dbe1ff 100%);
  --selectify-checkbox-disabled-circle: radial-gradient(circle at 40% 40%, #e8ebff 0%, #cbd5fe 45%, #a5b4fc 100%);

  /* ============================================
     Extended Colors (Hover / Active / States)
     ============================================ */
  --selectify-checkbox-hover-border-color: #c7d2fe;
  --selectify-checkbox-hover-bg: linear-gradient(180deg, #fff 0%, #f3f6ff 60%, #e9edff 100%);
  --selectify-checkbox-active-border-color: #818cf8;
  --selectify-checkbox-active-bg: linear-gradient(180deg, #eef2ff 0%, #dce3ff 100%);
  --selectify-checkbox-checked-border-color: #6366f1;
  --selectify-checkbox-indeterminate-border-color: #6366f1;
  --selectify-checkbox-indeterminate-bg: linear-gradient(180deg, #eef2ff 0%, #dbeafe 100%);
  --selectify-checkbox-indeterminate-bar: #4f46e5;
  --selectify-checkbox-invalid-border-color: #ef4444;
  --selectify-checkbox-invalid-bg: linear-gradient(180deg, #fff5f5 0%, #ffeaea 100%);
}


.selectify-select,
.selectify-select * {
  --selectify-select-bg: linear-gradient(180deg, #fff 0%, #f9fafb 100%);
  --selectify-select-hover-bg: linear-gradient(180deg, #eef2ff 0%, #e0e7ff 100%);
  --selectify-select-border-color: #d5dcfe;
  --selectify-select-focus-border: #818cf8;
  --selectify-select-color: #1e293b;
  --selectify-select-focus-border-color: #6366f1;
  --selectify-select-disabled-bg: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%);
  --selectify-select-arrow-color: #6366f1;
  --selectify-dropdown-shadow: 0 4px 14px rgb(99 102 241 / 6%);
  --selectify-option-hover-bg: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
  --selectify-option-active-bg: linear-gradient(180deg, #e0e7ff 0%, #c7d2fe 100%);
}