/* ─────────────────────────────────────────────────────────────────────────
   denschDesignLanguage — Typography Tokens (Single Source of Truth)
   Stand: 2026-04
   FARBEN.md §12.2 Implementation: Inter (Body/Headings) + JetBrains Mono
   für Eyebrow/Caption/Numbers.
   Wird zentral in densch-shared/ gepflegt und in jedes Projekt per Symlink
   oder kopierter Datei eingebunden:
       <link rel="stylesheet" href="/ddl-typography.css">
   ───────────────────────────────────────────────────────────────────────── */

/* DSGVO-konform: Bunny Fonts (EU-gehostet, kein Google) */
@import url('https://fonts.bunny.net/css?family=jetbrains-mono:400,500,600,700&display=swap');

:root {
    --ddl-font-mono: 'JetBrains Mono', 'SF Mono', ui-monospace,
                     SFMono-Regular, Menlo, Consolas, monospace;
}

/* Eyebrow-Pattern (Hero, Section, Page-Headers) */
.ddl-eyebrow,
.hero-eyebrow,
.section-eyebrow,
.brand-overline,
.dm-page-eyebrow,
.dc-page-eyebrow,
.dl-page-eyebrow {
    font-family: var(--ddl-font-mono);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

/* Caption Mono (kleine Begleittexte unter Sections) */
.ddl-caption-mono,
.caption-mono {
    font-family: var(--ddl-font-mono);
    font-weight: 600;
    letter-spacing: 0.06em;
}

/* Number Mono (Tables, Stats, Tabular Numerics) */
.ddl-number,
.tabular-num,
.dm-stat-value,
.dc-stat-value,
.kpi__val,
td.right,
.big-total {
    font-variant-numeric: tabular-nums;
    font-family: var(--ddl-font-mono);
    font-weight: 700;
}

/* Convenience-Klasse fürs direkte Anwenden */
.ddl-mono {
    font-family: var(--ddl-font-mono);
}

/* ─────────────────────────────────────────────────────────────────────────
   Partner-Logos (Kein Bock auf Nazis · Elektrisch)
   Responsive Größen + Dark-Mode-Behandlung via CSS-Filter.
   PNG-Quellen (kein SVG verfügbar) — invertieren nur dann, wenn klar
   monochrom; sonst leicht aufhellen via brightness/contrast.
   ───────────────────────────────────────────────────────────────────────── */
.partner-logo {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    transition: opacity 0.2s ease, filter 0.2s ease;
}
.partner-logo--kban {
    height: 59px;
    max-height: clamp(44px, 6vw, 59px);
}
.partner-logo--elektrisch {
    height: 40px;
    max-height: clamp(30px, 4.5vw, 40px);
}
@media (prefers-color-scheme: dark) {
    .partner-logo--kban {
        /* KBAN-Logo ist überwiegend schwarz/weiß-grafisch → leicht aufhellen */
        filter: brightness(1.15) contrast(1.05);
    }
    .partner-logo--elektrisch {
        /* "elektrisch."-Wortmarke ist schwarz auf weiß → invertieren */
        filter: invert(1) hue-rotate(180deg) brightness(0.95);
    }
}
@media (max-width: 480px) {
    .partner-logo--kban { height: 44px; }
    .partner-logo--elektrisch { height: 30px; }
}

/* ─────────────────────────────────────────────────────────────────────────
   Beta-Banner (konsistent über alle Produkt-Landings)
   Single Source of Truth — identisch mit dasdensch.de Top-Banner.
   ───────────────────────────────────────────────────────────────────────── */
.beta-banner {
    background: #1d1d1f;
    color: #86868b;
    text-align: center;
    padding: 12px 20px;
    font-size: 14px;
    line-height: 1.5;
    border-bottom: 1px solid rgba(255,255,255,0.04);
    font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;
}
.beta-banner strong { color: #f5f5f7; font-weight: 600; }
.beta-banner a { color: #2997ff; text-decoration: none; font-weight: 600; }
.beta-banner a:hover { text-decoration: underline; }
@media (max-width: 480px) {
    .beta-banner { font-size: 13px; padding: 10px 16px; }
}