:root {
    /* Grid System */
    --responsive-mode: "default";
    --container-width: 720px;
    --container-width-lg: 720px;
    --container-width-md: 720px;
    --container-width-sm: 94vw;
    --container-gutter-sm: 3vw;
    --container-gutter: calc(calc(100% - var(--container-width)) / 2);
    --container-gutter-left: var(--container-gutter);
    --container-gutter-right: var(--container-gutter);

    /* Whitespace */
    --whitespace: 50px;
    --gutter-width: 15px;
    --gutter-1x: calc(var(--gutter-width) * 1);
    --gutter-2x: calc(var(--gutter-width) * 2);
    --gutter-3x: calc(var(--gutter-width) * 3);
    --gutter-4x: calc(var(--gutter-width) * 4);

    /* Text Defaults */
    --underline-offset: -0.2em;
    --underline-offset-hover: -0.5em;

}