/* =============================================
   GENEL STİLLER
   ============================================= */

body {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    color: var(--color-body-text);
    background-color: var(--color-background);
    display: flex;
    flex-direction: column;
}

.container {
    width: 100%;
    max-width: var(--container-max);
    margin-inline: auto;
    padding-inline: var(--container-padding);
}

.site-main {
    flex: 1;
    position: relative;
    z-index: 5;
    background-color: var(--color-background);
}