:root {
    /* CURSORS */
    --cursor-default: url("../img/cursors/cursor.svg"), auto;
    --cursor-hand: url("../img/cursors/hand.svg"), auto;
    --cursor-zoom: url("../img/cursors/zoom.svg"), auto;
    --cursor-back: url("../img/cursors/back.svg"), auto;
    --cursor-close: url("../img/cursors/close.svg"), auto;
    --cursor-download: url("../img/cursors/download.svg"), auto;
    --cursor-ibeam: url("../img/cursors/ibeam.svg"), auto;
    --cursor-link: url("../img/cursors/link.svg"), auto;
    --cursor-info: url("../img/cursors/info.svg"), auto;
    /* COLORS */
    --color-text-dark: rgba(0, 0, 0, 1);
    --color-text-light: rgba(255, 255, 255, 1);
    /* OTHER */
    --section-spacing: 44pt;
    --side-margins: 42pt;
    --side-margins-text: 44pt;
    --section-spacing-text: 12pt;
    --side-margins-width: calc(100% - 88pt);
    --gap-size: 12pt;
    --grid-margins: 42pt;
}

@media (max-width: 760px) {
    :root {
        --section-spacing: 24pt;
        --side-margins: 12pt;
        --side-margins-text: 16pt;
        --section-spacing-text: 12pt;
        --side-margins-width: calc(100% - 24pt);
        --grid-margins: 22pt;
    }
}