@import "tailwindcss";
@import "select2/dist/css/select2.css";
@import "sweetalert2/dist/sweetalert2.min.css";
@import "@sweetalert2/theme-dark/dark.css";

@source "../views";

@theme {
    --default-transition-duration: 300ms;
	--default-transition-timing-function: var(--transition-timing-function-in);
}

@layer base {
    /* Fonts */
    @font-face {
        font-display: swap;
        font-family: "Quicksand";
        font-style: normal;
        font-weight: 100, 400, 600, 700;
        src: url("/resources/fonts/quicksand/quicksand.woff2") format("woff2"),
            url("/resources/fonts/quicksand/quicksand.ttf") format("truetype");
    }

    @font-face {
        font-family: "Adjusted Arial Fallback";
        src: local(Arial);
        size-adjust: 100%;
        ascent-override: 100%;
        descent-override: 10%;
        line-gap-override: 30%;
    }

    *:root {
		@apply ![view-transition-name:root];
	}

	*::view-transition-old(root) {
		@apply opacity-0;
	}

	*::view-transition-old(root),
	*::view-transition-new(root) {
		@apply [animation-duration:0.3s] [animation-timing-function:ease-in];
	}

	* {
		:focus,
		:focus-within {
			@apply outline-none;
		}
	}

    html {
		@apply [font-family:"Quicksand","Adjusted_Arial_Fallback"] [color-scheme:dark];
	}

    body {
		@apply flex min-h-dvh max-w-full flex-col overflow-x-hidden bg-neutral-950 [font-size:16px] text-neutral-100;
	}
}

/* Apexcharts */
.apexcharts-svg {
    @apply bg-transparent!;
}

/* Select2 */
.select2 .select2-selection.select2-selection--single {
    @apply h-[3.125rem] content-center rounded-2xl shadow bg-neutral-800 border-neutral-700 text-neutral-100 focus:outline-none;
}

.select2
    .select2-selection.select2-selection--single
    .select2-selection__arrow {
    @apply top-1/2 -translate-y-1/2;
}

.select2.select2-container {
    @apply !w-full;
}

.select2-search.select2-search--dropdown {
    @apply bg-neutral-800 text-neutral-100;
}

.select2-results {
    @apply bg-neutral-800 text-neutral-100;
}

.select2-dropdown {
    @apply border-neutral-700;
}

.select2-search__field {
    @apply border-neutral-700;
}

.select2-container--default .select2-results__option--selected {
    @apply bg-neutral-700;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    @apply bg-blue-500;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    @apply text-neutral-100;
}

/* SweetAlert2 */
div:where(.swal2-container) div:where(.swal2-popup) {
    @apply bg-neutral-800;
}