/* Dark Gallery Theme - Fonts */
/*
 * The faces this theme's variables.css names, declared against the font files
 * gallery-core ships under /public/fonts/ (1.11.30). The urls are written
 * RELATIVE, because that is how a stylesheet names a file beside it and how
 * /public/credits.php reads a face back out of it (font_license_helper.php
 * resolves a url against the sheet that declares it).
 *
 * Until 1.11.30 this file declared no @font-face at all. It redefined
 * --font-family-text/-mono/-display in :root to system stacks instead, which
 * overrode the three families variables.css had just named -- so a built-in
 * theme could not render in the fonts the repository ships, and the 9.8 MB
 * under /public/fonts/ was served to nobody. The `dark` theme did not even get
 * this far: head.php decided fonts.css by a rule of its own and only ever
 * loaded `default`'s.
 *
 * A family is named ONCE, in variables.css. Nothing here redefines one; this
 * file says only which files a family is made of, and the typography that
 * follows from it.
 *
 * Every licence below is on /public/credits.php, read out of these same files
 * (1.11.29).
 */

/* Expletus Sans -- text */
@font-face {
    font-family: 'expletussans_regular';
    src: url('../../../fonts/expletussans/expletussans-regular-webfont.woff2') format('woff2'),
         url('../../../fonts/expletussans/expletussans-regular-webfont.woff') format('woff'),
         url('../../../fonts/expletussans/ExpletusSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'expletussans_regular';
    src: url('../../../fonts/expletussans/ExpletusSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'expletussans_regular';
    src: url('../../../fonts/expletussans/ExpletusSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'expletussans_regular';
    src: url('../../../fonts/expletussans/ExpletusSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'expletussans_regular';
    src: url('../../../fonts/expletussans/ExpletusSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'expletussans_regular';
    src: url('../../../fonts/expletussans/ExpletusSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'expletussans_regular';
    src: url('../../../fonts/expletussans/ExpletusSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'expletussans_regular';
    src: url('../../../fonts/expletussans/ExpletusSans-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Azeret Mono -- monospace, one variable file per style */
@font-face {
    font-family: 'azaret_mono';
    src: url('../../../fonts/azaretmono/AzeretMono-VariableFont_wght.woff2') format('woff2-variations'),
         url('../../../fonts/azaretmono/AzeretMono-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'azaret_mono';
    src: url('../../../fonts/azaretmono/AzeretMono-Italic-VariableFont_wght.woff2') format('woff2-variations'),
         url('../../../fonts/azaretmono/AzeretMono-Italic-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* MuseoModerno -- display; the static Regular is the fallback for a
   browser that will not take a variable font */
@font-face {
    font-family: 'museo_moderno';
    src: url('../../../fonts/MuseoModerno/MuseoModerno-VariableFont_wght.ttf') format('truetype-variations'),
         url('../../../fonts/MuseoModerno/static/MuseoModerno-Regular.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'museo_moderno';
    src: url('../../../fonts/MuseoModerno/MuseoModerno-Italic-VariableFont_wght.ttf') format('truetype-variations'),
         url('../../../fonts/MuseoModerno/static/MuseoModerno-Italic.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

body {
    font-family: var(--font-family-text);
    font-size: var(--font-size-body);
}

/* Typography improvements for better readability on dark background */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-display);
    font-weight: 600;
}

code, pre {
    font-family: var(--font-family-mono);
    font-size: 0.875em;
    background-color: var(--background-highlight);
    color: var(--font-color-text);
    padding: 0.2em 0.4em;
    border-radius: 0.25rem;
}