/*
 * B9 Website Core
 *
 * Public Image component styles.
 *
 * Source contract:
 * - .b9-image
 * - .b9-image__media
 * - .b9-image__media img
 * - .b9-image__caption
 *
 * Responsibilities:
 * - register Image component presentation hooks;
 * - map supported presentation properties to Public Theme tokens;
 * - remain compatible with Theme Runtime overrides.
 *
 * Does NOT:
 * - define hardcoded dimensions;
 * - define hardcoded spacing values;
 * - define hardcoded typography sizes;
 * - define responsive breakpoints;
 * - resolve Media;
 * - decide page composition;
 * - implement Theme Editor variants.
 */

.b9-image {
    background: var(--b9-color-background);
    color: var(--b9-color-on-background);
}

.b9-image__media {
    overflow: hidden;
    border-radius: var(--b9-radius-xl);
    box-shadow: var(--b9-shadow-md);
}

.b9-image__media img {
    display: block;
    max-width: 100%;
}

.b9-image__caption {
    margin-top: var(--b9-space-md);
    color: var(--b9-color-text-muted);
    font-family: var(--b9-font-body);
    font-size: var(--b9-font-size-sm);
    line-height: var(--b9-line-height-normal);
    font-weight: var(--b9-font-weight-normal);
}