/*
 * Beispiel für ein helles Kundendesign.
 * Die Modulstruktur bleibt identisch; nur diese Werte unterscheiden sich.
 */
.contact-page {
    --contact-page-bg: #f4f1ec;
    --contact-text: #202020;
    --contact-muted: #6e6a62;
    --contact-surface: #fffdfa;
    --contact-surface-alt: #f7f5f1;
    --contact-border: #ded8ce;
    --contact-accent: #98a51f;
    --contact-accent-contrast: #171817;
    --contact-radius: 8px;
    --contact-control-radius: 4px;
    --contact-shadow: 0 22px 50px rgba(42, 36, 24, 0.12);
    --contact-hero-image: linear-gradient(135deg, #191b1a 0%, #0b0c0c 58%, #050606 100%);
    --contact-hero-overlay: linear-gradient(90deg, rgba(5, 6, 6, 0.1), rgba(5, 6, 6, 0.35));
    --contact-hero-text: #f7f5f1;
}

.contact-page .contact-hero__title,
.contact-page .contact-sidebar__intro h2,
.contact-page .contact-form-card__header h2 {
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 0.015em;
}

.contact-page .contact-submit {
    text-transform: uppercase;
    letter-spacing: 0.06em;
}