@import "./defaults/theme.css";
@import "./defaults/heading.css";
@import "./defaults/link.css";
@import "./defaults/button.css";
@import "./defaults/animation.css";
@import "./defaults/typography.css";
@import "./defaults/layout.css";
@import "./defaults/input.css";

@layer defaults {
    * {
        box-sizing: border-box;
        -webkit-user-select: none;
        user-select: none;
        font-family: inherit;
    }

    :is([hidden], :not(:defined)) {
        display: none;
    }

    body {
        position: relative;
        min-height: 100dvh;
        display: flex;
        flex-direction: column;
    }

    @supports (-webkit-tap-highlight-color) {
        -webkit-tap-highlight-color: transparent;
    }

    form {
        outline: none;
    } 

    fieldset {
        padding: 0;
        border: 0;
        margin: 0;
    }

    p {
        margin-top: 0;
        margin-bottom: 0.25rem;
    }

    figure {
        margin: 0;
    }

    li:not(:last-child) {
        margin-bottom: 0.25em;
    } 

    hr {
        border: unset;
        border-top: 1px solid var(--gray);
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 100%;
    }
}