@import url('https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap');

@source "./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php";
@source "./storage/framework/views/*.php";
@source "./resources/**/*.blade.php";
@source "./resources/**/*.js";
@source "./resources/**/*.vue";
@source "./Modules/**/resources/views/**/*.blade.php";
@source "./vendor/filament/**/*.blade.php";

@theme {
    /* Font family configuration */
    --font-family-sans: 'Figtree', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    
    /* Font size configuration */
    --font-size-xs: 0.7rem;
    --line-height-xs: 0.9rem;
    --font-size-sm: 0.75rem;
    --line-height-sm: 1rem;
    --font-size-base: 0.9rem;
    --line-height-base: 1.5rem;
    --font-size-md: 1rem;
    --line-height-md: 1.5rem;
    --font-size-lg: 1.125rem;
    --line-height-lg: 1.75rem;
    --font-size-xl: 1.25rem;
    --line-height-xl: 1.75rem;
    --font-size-2xl: 1.5rem;
    --line-height-2xl: 2rem;
    
    /* Spacing configuration */
    --spacing-2: 0.3rem;
    --spacing-3: 0.5rem;
    --spacing-4: 0.7rem;
}

@layer base {
    html {
        font-family: 'Figtree', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }

    main.fi-main, main.fi-main.w-full {
        max-width: calc(100% - 60px) !important;
        min-width: calc(100% - 60px) !important;
        width: calc(100% - 60px) !important;
        margin: 0 auto !important;
    }

    .abeona-form-toogle-input {
        margin-top: 12px;
    }

    .abeona-form-toogle-input-lower {
        margin-top: 37px;
    }

    .abeona-form-button-input-lower {
        margin-top: 31px !important;
    }

    .abeona-no-gap {
        gap: 0 !important;
    }

    .fi-ta-ctn {
        position: relative;
    }

    .fi-header-heading.text-2xl {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    .fi-header-heading.text-3xl {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .disabledMenuItem{
        cursor: default;
        pointer-events: none;
    }

    .app-chooser-dd{
        justify-content: flex-start !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        transition: background 0.2s, box-shadow 0.2s;
    }

    .app-chooser-dd:hover,
    .app-chooser-dd:focus,
    .app-chooser-dd:focus-visible {
        background-color: #f3f4f6 !important;
        box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05), 0 1.5px 5px 0 rgb(0 0 0 / 0.08) !important;
    }

    .dark .app-chooser-dd:hover,
    .dark .app-chooser-dd:focus,
    .dark .app-chooser-dd:focus-visible {
        background-color: hsla(0,0%,100%,.05) !important;
        box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05), 0 1.5px 5px 0 rgb(0 0 0 / 0.08) !important;
    }
}