/* ==========================================================
   PROJECT XAMUCO
   File: reset.css
   Version: 1.0.0
   Description: Modern CSS Reset
========================================================== */

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

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

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

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;

  min-height: 100vh;

  text-rendering: optimizeLegibility;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;
}

/* ======================================================
   TYPOGRAPHY
====================================================== */

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
figcaption,
dl,
dd {
  margin: 0;
}

ul,
ol {
  margin: 0;

  padding: 0;

  list-style: none;
}

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

a {
  color: inherit;

  text-decoration: none;
}

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

img,
picture,
svg,
video,
canvas {
  display: block;

  max-width: 100%;

  height: auto;
}

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

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

  color: inherit;

  background: none;

  border: none;

  outline: none;
}

button {
  cursor: pointer;
}

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

table {
  border-collapse: collapse;

  border-spacing: 0;
}

/* ======================================================
   TEXTAREA
====================================================== */

textarea {
  resize: vertical;
}

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

::selection {
  background: var(--color-primary);

  color: var(--color-white);
}