@import url('./colors.css');
@import url('./buttons.css');
@import url('./fonts.css');

:root {
    --pk-container-width: 1310px;
    --pk-column-gap: 20px;
    --pk-row-spacing: 20px;
    --pk-site-gutter: 20px;

    /* No scaling — fixed base unit */
    --su: 16;
}

@media only screen and (min-width: 993px) {
    :root {
        --pk-text-font-size: var(--text-desktop-font-size);
    }
}

@media only screen and (max-width: 992px) {
    :root {
        --pk-text-font-size: var(--text-tablet-font-size);
        --st-content-gap: 16px;
        --st-content-button-margin: 8px;
    }
}

@media only screen and (max-width: 767px) {
    :root {
        --pk-text-font-size: var(--text-mobile-font-size);
    }
}