:root {
	--ff-color-text: #2d3339;
	--ff-color-success: theme('colors.green.500');
	--ff-color-error: theme('colors.red.600');

	--ff-default-border-radius: 4px;
	--ff-font-family: Inter, sans-serif;

	--ff-breadcrumbs-color: var(--ff-color-text);

	--ff-forms-font-size: 14px;
}

@import 'base';
@import 'forms';
@import 'snack-bar';
@import 'dialog';
@import 'breadcrumbs';

html,
body {
	@apply w-full h-full;
}


// Slide toggle
.mat-mdc-slide-toggle {
	.mdc-switch {
		--mdc-switch-track-height: 20px;
		--mdc-switch-track-width: 36px;
		--mdc-switch-track-shape: 999px;
		--mdc-switch-selected-handle-color: #fff;
		--mdc-switch-unselected-handle-color: #fff;
		--mdc-switch-unselected-track-color: theme('colors.gray.500');

		.mdc-switch__handle {
			@apply h-4 w-4 bg-white dark:bg-white #{!important};
		}

		.mdc-switch__handle-track {
			left: 2px;
		}

		.mdc-switch__icons {
			display: none;
		}
	}

	.mdc-label {
		@apply text-sm font-medium dark:text-gray-300 font-sans pl-1.5 #{!important};
	}
}