body {
    font-family: var(--font-family-body);
    background-color: var(--background-color);
    color: var(--text-color);
    line-height: 1.7;
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 95vh;
}

.site {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.site-content {
    flex-grow: 1;
}

a {
    text-decoration: none;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

a:hover {
    color: var(--secondary-color);
}

.container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
}