/*
 * Project spacing utilities — layout rhythm backed by --space-* tokens in variables.css.
 * Bootstrap utilities (py-4, mb-3, etc.) remain available for one-offs.
 */

.mt-section {
    margin-top: var(--space-section);
}
.mb-section {
    margin-bottom: var(--space-section);
}
.py-section {
    padding-block: var(--space-section);
}

.py-block {
    padding-block: var(--space-block);
}

.px-inline {
    padding-inline: var(--space-inline);
}

.mb-spacing {
    padding-bottom: var(--space-block);
}

.background-light {
    background-color: var(--brand-colour-text);

    & h1,h2,h3,h4,h5,h6,p,li {
        color: var(--brand-colour-surface);
    }
}

img.img-theme {
    border-radius: var(--border-radius-s);
    box-shadow:1px 2px 5px #0000002e;
    transition: transform 0.2s ease;

    &:hover {
        transition: transform 0.5s ease;
        transform: scale(1.03);
    }
}

.divider,
.divider-spacious {
    height: var(--header-border-thickness);
    width: 100%;
    border: 0;
}

.divider-golden {
    background: var(--header-border-gold-gradient);
}

.divider {
    margin: var(--space-block) 0;
}

.divider-heart {
    height:200px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    margin:-40px 0;
    display:flex;
}

.divider-spacious {
    margin-block: var(--space-section);
}