/*
 * 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 2px 5px #0000002e;
    border:5px solid var(--brand-colour-accent);
    transition: transform 0.2s ease;

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