:root {
    --site-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --site-font-size: 14px;
    --site-line-height: 1.4;
    --site-interaction-color: #c12525;
    --site-interaction-active-color: #9f1f1f;
    --site-interaction-hover-bg: #fff3f3;
    --site-interaction-active-bg: #f9dddd;
    --site-focus-color: #c12525;
    --site-tap-highlight-color: rgba(193, 37, 37, .18);
    --location-country-hover-bg: #9fb2cf;
    --location-country-active-bg: #90a6c6;
    --location-state-hover-bg: #d7e1ed;
    --location-state-active-bg: #cad8e7;
}

body {
    font-family: var(--site-font-family);
    font-size: var(--site-font-size);
    line-height: var(--site-line-height);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body :where(
    a,
    button,
    input,
    select,
    textarea,
    label,
    legend,
    p,
    li,
    span,
    div,
    section,
    article,
    header,
    footer,
    nav,
    main,
    aside,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    table,
    th,
    td
) {
    font-family: var(--site-font-family);
}

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

body :where(
    a,
    button,
    input,
    select,
    textarea,
    label,
    summary,
    [role="button"],
    [tabindex]
) {
    -webkit-tap-highlight-color: var(--site-tap-highlight-color);
}