/* ==========================================================================
   DREAMERS DESIGN SYSTEM
   Version: 1.0
   File: reset.css

   Reset e regole base comuni.
   Nessun componente deve essere definito qui.

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


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

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


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

* {
    margin: 0;
    padding: 0;
}


/* ==========================================================================
   HTML
   ========================================================================== */

html {

    scroll-behavior: smooth;

    -webkit-text-size-adjust: 100%;

}


/* ==========================================================================
   BODY
   ========================================================================== */

body {

    min-height: 100vh;

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}


/* ==========================================================================
   IMAGES
   ========================================================================== */

img,
picture,
svg,
video,
canvas {

    display: block;

    max-width: 100%;

    height: auto;

}


/* ==========================================================================
   FORM ELEMENTS
   ========================================================================== */

input,
button,
textarea,
select {

    font: inherit;

}


/* ==========================================================================
   BUTTONS
   ========================================================================== */

button {

    background: none;

    border: none;

    cursor: pointer;

}


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

a {

    color: inherit;

    text-decoration: none;

}


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

ul,
ol {

    list-style: none;

}


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

table {

    border-collapse: collapse;

    border-spacing: 0;

}


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

iframe {

    border: 0;

}


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

::selection {

    background: var(--color-brand-blue);

    color: var(--color-text-primary);

}


/* ==========================================================================
   FOCUS
   ========================================================================== */

:focus-visible {

    outline: 2px solid var(--color-brand-gold);

    outline-offset: 4px;

}