@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url("./abstracts/_index.css");
@import url("./components/_index.css");
@import url("./pages/_index.css");

@layer General, Presets;

:root {
    scrollbar-gutter: stable;
    /* color-scheme: light dark; */
/*     image-rendering: smooth; */

    scroll-behavior: smooth;
}

@layer General {

    *,
    ::before,
    ::after {
        margin: 0;
        box-sizing: border-box;
    }

    p {
        text-wrap: pretty;
        line-height: 1.75;
        color: light-dark(var(--clr-text-dark), var(--clr-text-light));
    }

    p:not(:last-of-type) {
        margin-block-end: 1em;
    }

    .elementor-widget-text-editor p {
        text-wrap: inherit;
        line-height: inherit;
        color: inherit;
        margin: 0;
    }

    :where(ul[class], ol[class]) {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    body {
        font-family: var(--font-body);
        font-weight: 400;
        /* background-color: light-dark(var(--clr-body-light), var(--clr-body-dark)); */
        background-color: var(--clr-body-light);
        letter-spacing: 0.15px;
        line-height: 1.5;
    }

    :is(h1, h2, h3, h4, h5, h6) {
        font-family: var(--font-title);
        line-height: 1.25;
        font-weight: 400;
        /* color: light-dark(var(--clr-heading-light), var(--clr-heading-dark)); */
    }

    a:any-link.Link-root {
        color: inherit;
        text-decoration: none;
        background: linear-gradient(to right, var(--clr-link) 50%, currentColor 50%) no-repeat center bottom / 200% 1px;
        background-position-x: 100%;
        transition: background-position-x 400ms cubic-bezier(0.175, 0.82, 0.165, 1);
    }

    a[class*="Mui"] {
        background-image: unset !important;
    }

    a:any-link.Link-root {
        color: var(--clr-link);
    }

    a:any-link.Link-root:is(:focus, :hover) {
        color: var(--clr-link-hover);
    }

    a:any-link:is(:focus, :hover) {
        text-decoration: none;
        background-position-x: 0%;
    }

    a:is(.Button-root, .elementor-button) {
        background-image: unset;
    }

    img {
        max-width: 100%;
        height: auto;
        vertical-align: middle;
        font-style: italic;
        font-weight: 300;
        background-repeat: no-repeat;
        background-size: cover;
        shape-margin: 1rem;
        user-select: none;
    }

    /* @media (prefers-reduced-motion:no-preference) {
        :root {
            scroll-behavior: unset !important;
        }
    } */
}

@layer Presets {

    input[type='number']::-webkit-inner-spin-button,
    input[type='number']::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type='number'] {
        appearance: none;
        -moz-appearance: textfield;
    }

    :is(a, button, [tabindex="0"], .form-control):is(:focus-visible) {
        outline: auto !important;
        outline: -webkit-focus-ring-color auto 1px !important;
    }

    @-moz-document url-prefix() {
        :is(a, button, [tabindex="0"], .form-control):is(:focus-visible) {
            outline: 2px solid #000 !important;
            box-shadow: 0 0 0 4px #fff !important;
            outline-offset: 1px
        }
    }
}



::selection {
    background-color: var(--clr-primary-dark);
    color: var(--clr-primary-light);
}


:not(:defined) {
    visibility: hidden;
}

/* body {
    scale: 0.85;
    transform-origin: bottom;
    opacity: 0;
    visibility: hidden;
    transition: all 1s cubic-bezier(0.175, 0.88, 0.165, 1);
}

[data-theme="ready"] body {
    opacity: 1;
    scale: 1;
    visibility: visible;
} */