:root {
  --ss-primary-color: #2564eb;
  --ss-bg-color: #f9fafb;
  --ss-font-color: #111827;
  --ss-font-placeholder-color: #8d8d8d;
  --ss-disabled-color: #d1d5db;
  --ss-border-color: #d1d5db;
  --ss-highlight-color: #fffb8c;
  --ss-success-color: #00b755;
  --ss-error-color: #dc3545;
  --ss-focus-color: #2564eb;
}

.dark {
  --ss-primary-color: #2564eb;
  --ss-bg-color: #374151;
  --ss-font-color: #ffffff;
  --ss-font-placeholder-color: #8d8d8d;
  --ss-disabled-color: #4b5563;
  --ss-border-color: #4b5563;
  --ss-highlight-color: #fffb8c;
  --ss-success-color: #00b755;
  --ss-error-color: #dc3545;
  --ss-focus-color: #2564eb;
}