/* ============================================================
   Zentrale Font-Definitionen — design.5e5.de
   Von allen Modulen einbindbar:
   <link rel="stylesheet" href="https://design.5e5.de/fonts.css">
   ============================================================ */

@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 100 800;
    font-display: swap;
    src: url('fonts/sora-var.woff2') format('woff2');
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 100 700;
    font-display: swap;
    src: url('fonts/ibmplex-var.woff2') format('woff2');
}

@font-face {
    font-family: 'Lora';
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url('fonts/lora-500i.woff2') format('woff2');
}

@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
    src: url('fonts/figtree-var.woff2') format('woff2');
}

/* ---------- Marke: eva-Punkt ---------- */

.accent { color: var(--accent); }

/* Der Accent-Punkt im Wortmarken-Kontext sitzt auf der Grundlinie. */
.logo .accent,
.display .accent,
.brand .accent,
.brand-xl .accent {
    display: inline-block;
    transform: translateY(9%);
}