/* Lapland-inspired section dividers — top = section above, bottom = section below */

:root {
    --section-white: #ffffff;
    --section-low: #f0f7fc;
    --section-low-60: #f6fafd;
    --section-low-50: #f8fbfe;
    --section-low-30: #fafcfd;
    --section-footer: #e2edf8;
}

/* Solid section backgrounds (match divider endpoints; replaces Tailwind opacity tints on white) */
.bg-section-tint-60 {
    background-color: var(--section-low-60);
}

.bg-section-tint-50 {
    background-color: var(--section-low-50);
}

.bg-section-tint-30 {
    background-color: var(--section-low-30);
}

.bg-section-tint {
    background-color: var(--section-low);
}

.lapland-divider {
    display: block;
    width: 100%;
    height: clamp(2rem, 5vw, 3.25rem);
    line-height: 0;
    background-color: var(--lapland-divider-bottom);
    overflow: hidden;
}

.lapland-divider__svg {
    display: block;
    width: 100%;
    height: 100%;
    color: var(--lapland-divider-top);
}

.lapland-divider__fells {
    fill: currentColor;
}

@media (prefers-reduced-motion: reduce) {
    .lapland-divider {
        height: 0.125rem;
    }

    .lapland-divider__svg {
        display: none;
    }
}