/* ==========================================================================
   vitabene – Theme
   Angelehnt an die Webseite vitabene.at: Navy (#192B6B) für Bedienung und
   Überschriften, Gold aus dem Logo (#F3A900) als Akzent, Schriften Larsseit
   (Text) und Tiempos Headline (Überschriften).
   Gesetzt werden nur Grundfarben und Schriften der Components Library;
   Abstufungen und Flächen kommen aus der Library.
   ========================================================================== */

@font-face {
    font-family: 'Larsseit';
    src: url('../fonts/Larsseit.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Larsseit';
    src: url('../fonts/Larsseit-Bold.woff2') format('woff2');
    font-weight: 600 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts/TiemposHeadline-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root {
    --oo-primary: #192b6b;
    --oo-secondary: #f3a900;
    --oo-secondary-on: #192b6b;
    --oo-info: #1f98c7;
    --oo-font-family: 'Larsseit', 'Segoe UI', system-ui, sans-serif;

    /* Marke */
    --vb-farbe-marke: #f3a900;
    --vb-schrift-ueberschrift: 'Tiempos Headline', Georgia, 'Times New Roman', serif;
}

/* Aktiver Menüeintrag mit Gold-Akzent wie die Navigation der Webseite */
.oo-cnm {
    --oo-cnm-item-active-bg: color-mix(in oklch, var(--vb-farbe-marke) 16%, var(--oo-color-surface));
    --oo-cnm-item-active-color: var(--oo-primary);
}

/* Überschriften in der Serifenschrift der Webseite, in Navy.
   TODO Components Library: Token für die Überschriftenschrift (z. B. --oo-font-family-heading), das PageHeader, Card-Titel und h1–h3 verwenden */
h1, h2,
.oo-page-header__title {
    font-family: var(--vb-schrift-ueberschrift);
    font-weight: 600;
    color: var(--oo-primary);
    letter-spacing: 0.005em;
}