/* ========================================
   Base Reset & HTML/Body Styles
   ======================================== */

html, body {
    width: 100%;
    overflow-x: hidden;
}

body {
    font-family: var(--font-primary);
    font-size: var(--text-body);
    font-weight: var(--font-normal);
    line-height: var(--leading-normal);
    margin: 0;
    padding: 0;
    background-color: var(--color-bg-primary);
    color: var(--color-text-primary);
}

/* Form elements inherit typography from body */
input,
select,
textarea {
    font-size: var(--text-body);
    line-height: var(--leading-normal);
}

/* Buttons use button-specific sizing */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    font-size: var(--text-button);
    line-height: var(--leading-tight);
}