@import '@syncfusion/ej2-base/styles/tailwind3.css';
@import '@syncfusion/ej2-buttons/styles/tailwind3.css';
@import '@syncfusion/ej2-inputs/styles/tailwind3.css';
@import '@syncfusion/ej2-dropdowns/styles/tailwind3.css';
@import '@syncfusion/ej2-calendars/styles/tailwind3.css';
@import '@syncfusion/ej2-react-calendars/styles/tailwind3.css';
@import '@syncfusion/ej2-navigations/styles/tailwind3.css';
@import '@syncfusion/ej2-notifications/styles/tailwind3.css';
@import '@syncfusion/ej2-popups/styles/tailwind3.css';
@import '@syncfusion/ej2-lists/styles/tailwind3.css';
@import '@syncfusion/ej2-splitbuttons/styles/tailwind3.css';
@import "@syncfusion/ej2-react-popups/styles/tailwind3.css";
@import "@syncfusion/ej2-react-grids/styles/tailwind3.css";
@import "@syncfusion/ej2-splitbuttons/styles/tailwind3.css";
@import "@syncfusion/ej2-image-editor/styles/tailwind3.css";
@import "@syncfusion/ej2-layouts/styles/tailwind3.css";
@import '@syncfusion/ej2-richtexteditor/styles/tailwind3.css';
@import 'form-renderer.base.css';

:root {
  --sf-bg-color: #ffffff;
  --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: #111827;
  --sf-tooltip-text-color: #6b7280;
  --sf-layout-border-color: #e5e7eb;
}