// =Figcaption
figcaption {
    // colors
    --figcaption-color: var(--text-default);
    --figcaption-background-color: transparent;

    // params
    --figcaption-font-size: var(--type-scale-12);
    --figcaption-line-height: var(--body-text-line);
    --figcaption-font-style: normal;
    --figcaption-font-weight: normal;
    --figcaption-text-transform: none;
    --figcaption-letter-spacing: 0;
    --figcaption-space: 4px;
    --figcaption-padding: 0;
    --figcaption-border-radius: 0;

    // props
    display: block;
    margin-top: var(--figcaption-space);
    font-style: var(--figcaption-font-style);
    font-size: var(--figcaption-font-size);
    font-weight: var(--figcaption-font-weight);
    text-transform: var(--figcaption-text-transform);
    letter-spacing: var(--figcaption-letter-spacing);
    line-height: var(--figcaption-line-height);
    padding: var(--figcaption-padding);
    border-radius: var(--figcaption-border-radius);
    background-color: var(--figcaption-background-color);
    color: var(--figcaption-color);
}
// Dark theme
@include dark-theme {
    figcaption {
        --figcaption-background-color: transparent;
    }
}