:root {
    --doc-height: 100%;
    --header-height: ;
    --txt-color: #000000;
    --txt-color-variant: #00000026;
    --bg-color: #ffffff;
    --bg-color-variant: #ffffffd9;
    --acc-color: #00000026;
    --body-font-size: 18px;
    --header-font-size: clamp(56px, 6vw, 96px);
    --padding-x: 3rem;
    --padding-y: 2rem;
    --gallery-gap: 5rem;
}

@media (max-width: 900px) {
    :root {
        --padding-x: 1rem;
        --padding-y: 1rem;
        --gallery-gap: 3rem;
    }
}

@media (max-width: 600px) {
    :root {
        --body-font-size: 16px;
        --header-font-size: 56px;
    }
}