// Logo exploration — four figure-based directions for HUMAN-Stiftung
// All marks share a 48×48 viewBox and the same construction language
// (head = circle, body = line, limbs = stroked curves).
// ─── Logo Mark 1: Mensch hält die Welt ────────────────────────────────
// Figure with roots; the right arm is raised high and carries an orb on
// the hand — the dot is no longer a fruit on the crown but the Earth
// being held aloft. Orb colour is swappable for country variants.
// accent — fill colour of the orb (white, country colours, …)
// accentStroke — optional stroke on the orb (used for the white variant
// so it stays visible on light backgrounds)
const Mark1 = ({
size = 48,
primary = '#1C5560',
accent = '#ffffff',
accentStroke = '#1C5560',
}) => (
);
// ─── Logo Mark 2: Mensch reicht Mensch ─────────────────────────────────
// Two figures meeting on eye-level, hands touching.
// Reading: helping hand / Wir / generations.
const Mark2 = ({ size = 48, primary = '#1C5560', accent = '#C76A3F' }) => (
);
// ─── Logo Mark 3: Wir-Kreis ────────────────────────────────────────────
// Five figures arranged on a ring (linked arms) around a shared core.
// Reading: community / Wir / Solidarität / „aus vielen ein Kern“.
const Mark3 = ({ size = 48, primary = '#1C5560', accent = '#C76A3F' }) => (
);
// ─── Logo Mark 4: Mensch trägt Mensch auf den Händen ───────────────────
// Adult lifts a small figure overhead — the hands form an explicit
// horizontal platform between the two figures so both are clearly read
// as separate people. Reading: empowerment / Förderung / Generationen.
const Mark4 = ({ size = 48, primary = '#1C5560', accent = '#C76A3F' }) => (
);
// ─── Wordmark — flexible color ─────────────────────────────────────────
const Wordmark = ({ size = 'lg', color = '#1C5560', subColor = 'rgba(28,85,96,.6)' }) => {
const fs = { sm: 16, md: 22, lg: 32, xl: 44 }[size] || 32;
const sub = { sm: 7, md: 9, lg: 11, xl: 14 }[size] || 11;
return (