ShadowedCard

// Composes Section + Image + Heading + Paragraph + Badge atoms.

// Default elevation — standard white card with subtle shadow
ShadowedCard(elevation: .default) {
    Image(source: "thumbnail.jpg", alt: "Portfolio snapshot")
    Heading(level: 3) { "Portfolio Risk Overview" }
    Paragraph { "Consolidates cross-asset exposure…" }
    HStack {
        Badge(text: "M1 Risk", style: .info)
        Badge(text: "UCITS IV", style: .neutral)
        Badge(text: "Active", style: .success)
    }
}

// Elevated — deeper shadow + gold-warm hairline top border
ShadowedCard(elevation: .elevated) {
    Image(source: "indicators.jpg", alt: "Daily indicators")
    Heading(level: 3) { "Indicators Daily Feed" }
    Paragraph { "Live stream of macro indicators…" }
    HStack {
        Badge(text: "Live",  style: .success)
        Badge(text: "Beta",  style: .warning)
    }
}

// Flat — no shadow, strong border only
ShadowedCard(elevation: .flat) {
    Image(source: "screener.jpg", alt: "Fund screener")
    Heading(level: 3) { "Fund Screener" }
    Paragraph { "Filter and rank funds by AUM, Sharpe ratio…" }
    HStack {
        Badge(text: "FundsScreener", style: .neutral)
        Badge(text: "M2 Analytics",  style: .neutral)
    }
}

// Full signature
ShadowedCard(
    elevation: .flat | .default | .elevated | .floating,
    radius:    12,
    padding:   EdgeInsets(top: 24, leading: 24, bottom: 24, trailing: 24),
    tint:      SemanticColor? // optional overlay tint
) { /* children */ }