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

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ==========================================================
   VARIÁVEIS
   ========================================================== */

:root {

    /* Cores */

    --primary: #0D6EFD;
    --primary-hover: #0B5ED7;

    --background: #F5F7FA;
    --card: #FFFFFF;

    --text: #212529;
    --secondary: #6C757D;

    --border: #DEE2E6;

    /* Bordas */

    --radius: 18px;

    /* Sombras */

    --shadow: 0 10px 40px rgba(0, 0, 0, .10);

    /* Fontes */

    --font-family: 'Inter', sans-serif;

    /* Transições */

    --transition: .25s ease;
}

/* ==========================================================
   ELEMENTOS GLOBAIS
   ========================================================== */

html,
body {
    height: 100%;
}

body {
    font-family: var(--font-family);
    background: var(--background);
    color: var(--text);
}

/* ==========================================================
   TIPOGRAFIA
   ========================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0;
    font-weight: 600;
}

p {
    margin-bottom: 0;
}

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

a {
    color: var(--primary);
    text-decoration: none;
    transition: var(--transition);
}

a:hover {
    color: var(--primary-hover);
}

/* ==========================================================
   IMAGENS
   ========================================================== */

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

/* ==========================================================
   FORMULÁRIOS
   ========================================================== */

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

/* ==========================================================
   UTILITÁRIOS
   ========================================================== */

.hidden {
    display: none !important;
}