/* ==========================================================
   SERGIO

   File: reset.css
   Version: 1.1

   Purpose:
   Removes inconsistent browser defaults and establishes
   a clean foundation for the SERGIO design system.

========================================================== */


/* ==========================================================
   BOX SIZING
========================================================== */

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


/* ==========================================================
   RESET MARGINS
========================================================== */

* {
    margin: 0;
}


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

html {
    -webkit-text-size-adjust: 100%;
}


/* ==========================================================
   MEDIA
========================================================== */

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


/* ==========================================================
   FORMS
========================================================== */

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


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

ul,
ol {
    list-style: none;
    padding: 0;
}


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

a {
    color: inherit;
    text-decoration: none;
}


/* ==========================================================
   TABLES
========================================================== */

table {
    border-collapse: collapse;
    border-spacing: 0;
}