/* GLOBAL RESET */

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

/* BODY BASE STYLING */

html, body {
    height: 100%;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background-color: #0f172a; /* Slate-900 */
    color: #e2e8f0; /* Slate-200 */
}

/* GLOBAL LINKS */

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

    a:hover {
        text-decoration: underline;
    }

/* GLOBAL FORMS */

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

button {
    cursor: pointer;
}

    /* REMOVE DEFAULT OUTLINES ON INPUT (optional) */

    input:focus, button:focus {
        outline: none;
    }