@import '@syncfusion/ej2-tailwind3-dark-theme/styles/tailwind3-dark.css';
@import 'form-renderer.base.css';

:root {
  --sf-bg-color: rgba(17, 24, 39);
  --sf-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'apple color emoji', 'Segoe UI emoji', 'Segoe UI Symbol', 'Noto color emoji';
  --sf-text-color: #fff;
  --sf-tooltip-text-color: #d1d5db;
  --sf-layout-border-color: #282f3c;
}