/* Layout Structure */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: var(--background-white);
}

.main-content {
    flex: 1;
    padding: 2rem 1rem;
    margin-top: var(--header-height);
}

header {
    background-color: var(--background-white);
    color: var(--primary-text);
}

footer {
    background-color: var(--background-light);
    color: var(--primary-text);
    padding: 2rem 1rem;
    margin-top: auto;
}

/* Page Layout for Main Content */
section {
    max-width: var(--container-width);
    margin: 2rem auto;
    padding: 2rem;
}

/* Spacing between sections */
section + section {
    margin-top: 3rem;
}

/* Content Container */
.content {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 2rem;
}