/* Variables */
:root {
    /* Limits */
    --max-width        : 100rem;
    --max-content-width: 64rem;

    /* Rounded corners */
    --rounding: 0.625rem;

    /* Margins/paddings */
    --margin-xxxs: 0.1875rem;
    --margin-xxs : 0.3125rem;
    --margin-xs  : 0.625rem;
    --margin-sm  : 0.75rem;
    --margin-md  : 1rem;
    --margin-lg  : 1.25rem;
    --margin-xl  : 1.5rem;
    --margin-xxl : 2rem;
    --margin-xxxl: 3rem;

    /* Negative margins/paddings */
    --n-margin-xxxs: -0.1875rem;
    --n-margin-xxs : -0.3125rem;
    --n-margin-xs  : -0.625rem;
    --n-margin-sm  : -0.75rem;
    --n-margin-md  : -1rem;
    --n-margin-lg  : -1.25rem;
    --n-margin-xl  : -1.5rem;
    --n-margin-xxl : -2rem;
    --n-margin-xxxl: -3rem;

    /* Main menu */
    --main-menu-height: 3lh;
    --main-menu-margin: 0.625rem;

    /* Icon size */
    --icon-size: 2rem;

    /* Font-size */
    --font-size-xxs : 0.625rem;
    --font-size-xs  : 0.75rem;
    --font-size-sm  : 0.875rem;
    --font-size-md  : 1.125rem;
    --font-size-lg  : 1.25rem;
    --font-size-xl  : 1.5rem;
    --font-size-xxl : 1.875rem;
    --font-size-xxxl: 6.25rem;

    --font-weight-bold : 700;
    --font-weight-black: 900;

    --font-title    : "Barlow Title", sans-serif;
    --font-standard : "Barlow", sans-serif;
    --font-condensed: semi-condensed;
    --font-normal   : normal;

    /* Thickness */
    --border-thin      : 0.0625rem;
    --border-thick     : 0.125rem;
    --border-strong    : 0.375rem;
    --border-black     : 0.625rem;
    --border-cut-length: 3rem;

    /* Breakpoints */
    --break-mobile : 30rem;
    --break-tablet : 48rem;
    --break-laptop : 64rem;
    --break-desktop: 75rem;
}