/* =========================================
   MORZO SocietyOS
   Global CSS Reset
========================================= */


/* =========================================
   BOX MODEL RESET
========================================= */


*,
*::before,
*::after {

    box-sizing: border-box;

}



/* =========================================
   DOCUMENT RESET
========================================= */


html {

    scroll-behavior: smooth;

    font-size: 16px;

}



body {

    margin: 0;

    padding: 0;

    min-height: 100vh;

    background: var(--bg-primary);

    color: var(--text-primary);

    font-family: var(--font-primary);

    line-height: 1.6;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}




/* =========================================
   REMOVE DEFAULT MARGINS
========================================= */


h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {

    margin: 0;

}




/* =========================================
   HEADINGS
========================================= */


h1,
h2,
h3,
h4,
h5,
h6 {

    font-family: var(--font-heading);

    font-weight: var(--font-weight-bold);

    line-height: 1.2;

}




/* =========================================
   LINKS
========================================= */


a {

    color: inherit;

    text-decoration: none;

}



a:hover {

    text-decoration: none;

}




/* =========================================
   LISTS
========================================= */


ul,
ol {

    margin: 0;

    padding: 0;

    list-style: none;

}




/* =========================================
   IMAGES & MEDIA
========================================= */


img,
picture,
video,
canvas,
svg {

    display: block;

    max-width: 100%;

}




/* =========================================
   BUTTON RESET
========================================= */


button {

    border: none;

    background: none;

    padding: 0;

    font-family: inherit;

    cursor: pointer;

}




button:focus-visible {

    outline:

    3px solid var(--morzo-accent);

    outline-offset:

    3px;

}




/* =========================================
   FORM ELEMENT RESET
========================================= */


input,
textarea,
select {

    font: inherit;

    color: inherit;

}



input,
textarea,
select {

    border-radius: 0;

}




textarea {

    resize: vertical;

}




/* =========================================
   TABLE RESET
========================================= */


table {

    border-collapse: collapse;

    width: 100%;

}




/* =========================================
   REMOVE ANIMATION FOR USERS
   WHO PREFER REDUCED MOTION
========================================= */


@media (prefers-reduced-motion: reduce) {


    *,
    *::before,
    *::after {


        animation-duration: 0.01ms !important;

        animation-iteration-count: 1 !important;

        transition-duration: 0.01ms !important;


        scroll-behavior: auto !important;


    }


}




/* =========================================
   SELECTION STYLE
========================================= */


::selection {

    background:

    var(--morzo-accent);

    color:

    var(--morzo-primary);

}