/* Explain: Base document rules for the single-viewport card */
* {
    box-sizing: border-box;
}

html {
    height: 100%;
    background: var(--background-color);
}

body {
    min-height: 100%;
    margin: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 0%, rgba(230, 199, 156, 0.2), transparent 34rem),
        linear-gradient(180deg, #383d3a 0%, var(--background-color) 58%);
    color: var(--text-color);
    text-rendering: geometricPrecision;
}

button,
a,
input,
textarea {
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

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

h1,
h2,
.eyebrow,
.brokerage,
.utility-action,
.schedule-button,
.quick-action span,
.subtle-links a {
    font-family: var(--font-heading);
}

::selection {
    background: var(--champagne-color);
    color: var(--charcoal-color);
}