/* Apple devices ship with American Typewriter. Other devices fall back to the self-hosted Cutive and Courier Prime, which browsers only download when American Typewriter is missing. */
:root {
    --carol-steele-heading-font: 'American Typewriter', 'ITC American Typewriter', 'ITC American Typewriter Std', 'Cutive', serif;
    --carol-steele-body-font: 'American Typewriter', 'ITC American Typewriter', 'ITC American Typewriter Std', 'Courier Prime', monospace;
}

@font-face {
    font-family: 'Cutive';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/cutive-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Courier Prime';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/courier-prime-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Courier Prime';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/courier-prime-italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Courier Prime';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/courier-prime-bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Courier Prime';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/courier-prime-bold-italic.woff2') format('woff2');
}