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

:root {
  --sf-bg-color: rgb(28, 27, 31);
  --sf-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;
  --sf-text-color: rgb(230, 225, 229);
  --sf-tooltip-text-color: rgb(202, 196, 208);
  --sf-layout-border-color: rgb(68, 71, 70);
}