/* Theme fonts (from tacteonerp). SIL OFL / Apache licences are next to the files in fonts/.
   Browsers only download a font when a theme that uses it is active. */

@font-face {
    font-family: "Saira Condensed";
    src: url("fonts/SairaCondensed-Regular.ttf") format("truetype");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "Saira Condensed";
    src: url("fonts/SairaCondensed-Medium.ttf") format("truetype");
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: "Saira Condensed";
    src: url("fonts/SairaCondensed-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: "Saira Condensed";
    src: url("fonts/SairaCondensed-Bold.ttf") format("truetype");
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: "Jaro";
    src: url("fonts/Jaro-Regular-VariableFont_opsz.ttf") format("truetype");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "Economica";
    src: url("fonts/Economica-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Economica";
    src: url("fonts/Economica-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Economica";
    src: url("fonts/Economica-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Economica";
    src: url("fonts/Economica-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Geo";
    src: url("fonts/Geo-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Geo";
    src: url("fonts/Geo-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "BenchNine";
    src: url("fonts/BenchNine-Light.ttf") format("truetype");
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: "BenchNine";
    src: url("fonts/BenchNine-Regular.ttf") format("truetype");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "BenchNine";
    src: url("fonts/BenchNine-Bold.ttf") format("truetype");
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: "Jockey One";
    src: url("fonts/JockeyOne-Regular.ttf") format("truetype");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "Aclonica";
    src: url("fonts/Aclonica-Regular.ttf") format("truetype");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "Englebert";
    src: url("fonts/Englebert-Regular.ttf") format("truetype");
    font-weight: 400;
    font-display: swap;
}


:root, [data-theme="rad"] {
    --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-heading: var(--font-body);
}

[data-theme="comic"] {
    --font-body: "BenchNine", system-ui, sans-serif;
    --font-heading: "Jockey One", "BenchNine", system-ui, sans-serif;
}

[data-theme="pastry"] {
    --font-body: "Saira Condensed", system-ui, sans-serif;
    --font-heading: "Jaro", "Saira Condensed", system-ui, sans-serif;
}

[data-theme="amsterdam"] {
    --font-body: "Economica", system-ui, sans-serif;
    --font-heading: "Geo", "Economica", system-ui, sans-serif;
}

[data-theme="coral"] {
    --font-body: "Englebert", system-ui, sans-serif;
    --font-heading: "Aclonica", "Englebert", system-ui, sans-serif;
}