/* ============================================
   Light · Slate Accent — Organized by Theme
   ============================================ */
.selectify-radio,
.selectify-checkbox,
.selectify-radio *,
.selectify-checkbox * {
  /* Base */
  --selectify-checkbox-border-color: #e2e8f0;
  --selectify-checkbox-bg: linear-gradient(180deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);
  --selectify-checkbox-check-circle: radial-gradient(circle at 40% 40%, #e2e8f0 0%, #94a3b8 100%);

  /* Checked */
  --selectify-checkbox-checked-border-color: #889db9;
  --selectify-checkbox-checked-bg: linear-gradient(180deg, #e2e8f0 0%, #cbd5e1 50%, #94a3b8 100%);
  --selectify-checkbox-checked-circle: radial-gradient(circle at 40% 40%, #f1f5f9 0%, #64748b 100%);

  /* Disabled */
  --selectify-checkbox-disabled-border-color: #cbd5e1;
  --selectify-checkbox-disabled-bg: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 50%, #cbd5e1 100%);
  --selectify-checkbox-disabled-circle: radial-gradient(circle at 40% 40%, #cbd5e1 0%, #94a3b8 40%, #64748b 100%);

  /* ============================================
     Extended Colors (Hover / Active / States)
     ============================================ */
  --selectify-checkbox-hover-border-color: #cbd5e1;
  --selectify-checkbox-hover-bg: linear-gradient(180deg, #ffffff 0%, #f5f7fa 60%, #edf2f7 100%);
  --selectify-checkbox-active-border-color: #94a3b8;
  --selectify-checkbox-active-bg: linear-gradient(180deg, #f0f3f7 0%, #e2e8f0 100%);
  --selectify-checkbox-indeterminate-border-color: #94a3b8;
  --selectify-checkbox-indeterminate-bg: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%);
  --selectify-checkbox-indeterminate-bar: #64748b;
  --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, #ffffff 0%, #f9fafb 100%);
  --selectify-select-hover-bg: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%);
  --selectify-select-border-color: #e2e8f0;
  --selectify-select-focus-border: #94a3b8;
  --selectify-select-color: #1e293b;
  --selectify-select-focus-border-color: #64748b;
  --selectify-select-disabled-bg: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%);
  --selectify-select-arrow-color: #64748b;
  --selectify-dropdown-shadow: 0px 4px 14px rgba(100, 116, 139, 0.06);
  --selectify-option-hover-bg: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  --selectify-option-active-bg: linear-gradient(180deg, #e2e8f0 0%, #cbd5e1 100%);
}