/* Configuración tipográfica única, compartida por todos los temas y la guía. */
@font-face {
    font-family: 'Satoshi';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../../fonts/Satoshi-Variable.woff2') format('woff2');
}

@font-face {
    font-family: 'Satoshi';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('../../fonts/Satoshi-VariableItalic.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../../fonts/RobotoCondensed-Variable.woff2') format('woff2');
}

/* Serifa de los titulares de noticias (portada). Variable en peso y tamaño
   óptico; sólo se descarga en las páginas que la usan. */
@font-face {
    font-family: 'Piazzolla';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../../fonts/Piazzolla-Variable.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('../../fonts/RobotoCondensed-VariableItalic.woff2') format('woff2');
}

:root {
    --dh-font-body: 'Satoshi', sans-serif;
    --dh-font-headings: var(--dh-font-body);
    --dh-font-meta: 'Roboto Condensed', sans-serif;
    --dh-font-news: 'Piazzolla', Georgia, serif;
}

body {
    font-family: var(--dh-font-body);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--dh-font-headings);
}

input, textarea, select, button, code, kbd, pre, samp {
    font-family: var(--dh-font-body);
}

.dh-metadata, .article-meta, time {
    font-family: var(--dh-font-meta);
}

:root .str-chat {
    --str-chat__font-family: var(--dh-font-body);
}