@import url('fonts.css');
@import url('constants.css');
@import url('typography.css');
@import url('buttons.css');
@import url('forms.css');
@import url('registration.css');
@import url('layout.css');
@import url('login.css');
@import url('accordion.css');
@import url('alert-box.css');
@import url('siteheader.css');
@import url('navigation.css');
@import url('search.css');
@import url('ke-search.css');
@import url('useroverlay.css');
@import url('footer.css');
@import url('cookiebanner.css');
@import url('userprofile.css');
@import url('slider.css');
@import url('image-slider.css');
@import url('page-teaser-slider.css');
@import url('subpage-teaser-list.css');
@import url('event-header.css');
@import url('event-page-header.css');
@import url('hero-image.css');
@import url('textmedia.css');
@import url('ce-reference.css');
@import url('attendees-list.css');
@import url('proposals.css');
@import url('pdf-viewer.css');
@import url("digital-voting.css");
@import url('admission-code.css');
@import url('sonner-toasts.css');

/* =========================================================
   GLOBAL RESET
========================================================= */

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

* {
    margin: 0;
    padding: 0;
}

img,
svg,
video {
    display: block;
    max-width: 100%;
}

input,
button,
textarea,
select {
    font: inherit;
}

/* =========================================================
   BASE
========================================================= */

body {
    font-family: var(--font-family-base);
    font-size: var(--font-size-copy);
    line-height: var(--line-height-copy);
    color: var(--color-text);
    background-color: var(--color-background);
    -webkit-font-smoothing: antialiased;

    main {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg);
        background-color: var(--color-bg-eventlevel);
    }

    &.level-app {
        main {
            background-color: var(--color-bg-applevel);
        }
    }
}