/* ============================================================
   BASE RESET & TYPOGRAPHY
   ============================================================ */


/* Reset */

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


/* Root height */

html,
body {
    height: 100%;
}


/* Body defaults */

body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--gray-900);
    background: var(--gray-50);
}


/* Headings */

h1 {
    font-size: 24px;
    font-weight: 650;
    margin: 0 0 6px;
}

h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 24px 0 12px;
}


/* Links */

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

a:hover {
    text-decoration: underline;
}


/* Forms basis */

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

.logout-button {
    margin-left: 12px;
    opacity: 0.85;
}

.logout-button:hover {
    opacity: 1;
}