/**
 * Zentrale Designsteuerung für neue Aktivitäten.
 * Farben, Schriftarten, Schriftgrößen, Radien, Abstände und Verläufe
 * können ausschließlich hier angepasst werden.
 */
:root {
    --jfp-new-font-body: var(--jf-schrift, "Work Sans", "Segoe UI", sans-serif);
    --jfp-new-font-heading: var(--jf-schrift, "Work Sans", "Segoe UI", sans-serif);

    --jfp-new-size-body: clamp(.96rem, .93rem + .12vw, 1.04rem);
    --jfp-new-size-small: clamp(.82rem, .79rem + .1vw, .9rem);
    --jfp-new-size-meta: clamp(.74rem, .71rem + .1vw, .82rem);
    --jfp-new-size-micro: .72rem;
    --jfp-new-size-lead: clamp(1rem, .97rem + .18vw, 1.16rem);
    --jfp-new-size-h1: clamp(2.3rem, 1.9rem + 2.25vw, 4.45rem);
    --jfp-new-size-h2: clamp(1.65rem, 1.45rem + .8vw, 2.35rem);
    --jfp-new-size-h3: clamp(1.12rem, 1.02rem + .35vw, 1.42rem);

    --jfp-new-ink: #092430;
    --jfp-new-ink-soft: #49636d;
    --jfp-new-blue: #5b818f;
    --jfp-new-blue-deep: #315866;
    --jfp-new-blue-night: #173d49;
    --jfp-new-blue-light: #eaf4f7;
    --jfp-new-blue-pale: #f4f9fa;
    --jfp-new-gold: #c89532;
    --jfp-new-gold-light: #f3dfad;
    --jfp-new-paper: #ffffff;
    --jfp-new-warm: #faf7ef;
    --jfp-new-line: rgba(49, 88, 102, .2);
    --jfp-new-on-dark: #ffffff;
    --jfp-new-surface-strong: rgba(255, 255, 255, .9);
    --jfp-new-surface-soft: rgba(255, 255, 255, .76);
    --jfp-new-overlay: rgba(9, 36, 48, .82);
    --jfp-new-line-on-dark: rgba(255, 255, 255, .35);
    --jfp-new-cinematic-overlay: linear-gradient(90deg, rgba(4,25,33,.9) 0%, rgba(4,25,33,.58) 42%, rgba(4,25,33,.08) 78%);

    --jfp-new-gradient-hero: var(--jf-hintergrund-2, linear-gradient(145deg, #edf7fa 0%, #dcecf1 58%, #f5eedc 100%));
    --jfp-new-gradient-current: linear-gradient(145deg, #f5fafb 0%, #e5f1f4 52%, #d9e9ee 100%);
    --jfp-new-gradient-moments: linear-gradient(145deg, #fff 0%, #f5f9fa 48%, #e8f2f5 100%);
    --jfp-new-gradient-past: linear-gradient(145deg, #fbf8f0 0%, #f2ead8 55%, #e7eff1 100%);
    --jfp-new-gradient-dark: linear-gradient(145deg, #234d5a 0%, #416d7b 58%, #547f8c 100%);

    --jfp-new-content: 1380px;
    --jfp-new-reading: 760px;
    --jfp-new-section-y: clamp(1.8rem, 3.2vw, 3.6rem);
    --jfp-new-gutter: clamp(1rem, 4vw, 4rem);
    --jfp-new-gap: clamp(.9rem, 1.8vw, 1.5rem);
    --jfp-new-radius-small: 12px;
    --jfp-new-radius: 20px;
    --jfp-new-radius-large: 34px;
    --jfp-new-shadow: 0 12px 34px rgba(15, 52, 63, .11);
    --jfp-new-shadow-strong: 0 20px 50px rgba(11, 45, 56, .17);
}