/*
 * SitePack brand font (Lato), served locally so the SitePack system/error screens
 * render in brand type even when a theme is broken or offline. Paths are relative to
 * this file at /css/lato.css, resolving to the TTFs under /css/fonts/Lato/.
 */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/Lato/Lato-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/Lato/Lato-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('fonts/Lato/Lato-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/Lato/Lato-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/Lato/Lato-BoldItalic.ttf') format('truetype');
}

/*
 * Brand type for SitePack system/error screens. Add the `sitepack-error` class to a
 * page (or its error container) to put its UI text in Lato. Deliberately does NOT
 * touch <code>/<pre> or the monospace error-detail blocks: those stay monospace so
 * paths, template names and stack lines remain readable.
 */
.sitepack-error,
.sitepack-error h1,
.sitepack-error h2,
.sitepack-error h3,
.sitepack-error h4,
.sitepack-error h5,
.sitepack-error p,
.sitepack-error a,
.sitepack-error span,
.sitepack-error li,
.sitepack-error .btn {
    font-family: 'Lato', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}