@font-face {
    font-family: "Ardela Edge";
    src: url("../fonts/ardela-edge-x03-extra-bold/ardela-edge-x03-extrabold.otf");
}

@font-face {
    font-family: "LFT Etica Mono";
    src: url("../fonts/lft-etica-mono/LFTEticaMono-Regular.woff2") format("woff2"),
    url("../fonts/lft-etica-mono/LFTEticaMono-Regular.woff") format("woff"),
    url("../fonts/lft-etica-mono/LFTEticaMono-Regular.eot") format("embedded-opentype"),
    url("../fonts/lft-etica-mono/LFTEticaMono-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "LFT Etica Mono";
    src: url("../fonts/lft-etica-mono/LFTEticaMono-Bold.woff2") format("woff2"),
    url("../fonts/lft-etica-mono/LFTEticaMono-Bold.woff") format("woff"),
    url("../fonts/lft-etica-mono/LFTEticaMono-Bold.eot") format("embedded-opentype"),
    url("../fonts/lft-etica-mono/LFTEticaMono-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Italic styles for LFT Etica Mono */
@font-face {
    font-family: "LFT Etica Mono";
    src: url("../fonts/lft-etica-mono/LFTEticaMono-RegularItalic.woff2") format("woff2"),
    url("../fonts/lft-etica-mono/LFTEticaMono-RegularItalic.woff") format("woff"),
    url("../fonts/lft-etica-mono/LFTEticaMono-RegularItalic.eot") format("embedded-opentype"),
    url("../fonts/lft-etica-mono/LFTEticaMono-RegularItalic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "LFT Etica Mono";
    src: url("../fonts/lft-etica-mono/LFTEticaMono-BoldItalic.woff2") format("woff2"),
    url("../fonts/lft-etica-mono/LFTEticaMono-BoldItalic.woff") format("woff"),
    url("../fonts/lft-etica-mono/LFTEticaMono-BoldItalic.eot") format("embedded-opentype"),
    url("../fonts/lft-etica-mono/LFTEticaMono-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Typografie-Variablen */
:root {
    --font-heading: "Ardela Edge", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-body: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-mono: "LFT Etica Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, "Liberation Mono", "Courier New", monospace;
}

/* Body: Open Sans */
html, body {
    font-family: var(--font-body);
}

/* Headings, Branding und primäre Buttons: Ardela Edge Pro */
h1, h2, h3, h4, h5, h6,
.sitename,
.btn,
.btn-getstarted,
.btn-get-started {
    font-family: var(--font-heading);
    text-transform: uppercase;
}

/* Code/Monospace: LFT Etica Mono */
code, kbd, samp, pre {
    font-family: var(--font-mono);
    font-synthesis-weight: none;
    font-synthesis-style: none;
}


/* Italic styles for LFT Etica Mono */
@font-face {
    font-family: "LFT Etica Mono";
    src: url("../fonts/lft-etica-mono/LFTEticaMono-RegularItalic.woff2") format("woff2"),
    url("../fonts/lft-etica-mono/LFTEticaMono-RegularItalic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "LFT Etica Mono";
    src: url("../fonts/lft-etica-mono/LFTEticaMono-BoldItalic.woff2") format("woff2"),
    url("../fonts/lft-etica-mono/LFTEticaMono-BoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}