/*
 * DIMENSIONS
 */

:root {
    --dimension-space-XXL: 0px;
    --dimension-space-XL: 0px;
    --dimension-space-L: 0px;
    --dimension-space-M: 0px;
    --dimension-space-S: 0px;
    --dimension-space-XS: 0px;
    --dimension-space-XXS: 0px;

    --dimension-max-text-container: 960px;
    --dimension-max-text-container-L: 1280px;
    --dimention-line-height-display: 1.2;
    --dimention-line-height-text: 1.5;

    --dimension-border-radius: 8px;
    --dimension-border-width: 1px;
}

/* ADAPTIVE LAYOUTS */

    /* MOBILE */
    @media only screen and (max-width: 480px) {
        /* ... */
        :root {
            --dimension-layout-gap: 16px;
        }
    }

/* TABLET PORTRAIT */
    @media only screen and (min-width: 481px) and (max-width: 768px) {
        /* ... */
        :root {
            --dimension-layout-gap: 16px;
        }
    }

/* TABLET LANDSCAPE */
    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        /* ... */
        :root {
            --dimension-layout-gap: 16px;
        }
    }

/* LAPTOP */
    @media only screen and (min-width: 1025px) and (max-width: 1600px) {
        /* ... */
        :root {
            --dimension-layout-gap: 32px;
            --dimension-max-text-container: 1024px;
        }
    }

/* DESKTOP */
    @media only screen and (min-width: 1601px) {
        /* ... */
        :root {
            --dimension-layout-gap: 32px;
            --dimension-max-text-container: 1280px;
        }
    }