/*
 * 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-md);
    box-shadow:1px 1px 10px #0000002e;
    transition: transform 0.2s ease;

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

.divider {
    height:1px;
    width:100%;
    background-color: var(--brand-colour-text-muted);
    margin: var(--space-block) 0;
}