/* css/footer.css */
@layer layout {

/* FOOTER */
.site-footer {
    width: min(1240px, calc(100% - 44px));

    margin: 0 auto;

    padding: 31px 0;

    display: flex;

    justify-content: space-between;
    align-items: center;

    border-top: 1px solid var(--line);

    color: var(--gray-dark);

    font-size: 0.82rem;
    font-weight: 900;
}

.footer-brand {
    color: var(--lime);
}

.footer-brand span {
    color: var(--red);
}

.footer-message {
    display: flex;

    align-items: center;

    gap: 6px;
}

.footer-create {
    color: var(--lime);
}

.footer-divider {
    color: var(--white);
}

.footer-iterate {
    color: var(--purple-light);
}

.footer-evolve {
    color: var(--red);
}

}