:root {
    /* Basic colors */
    --color-black: #000000;
    --color-white: #ffffff;
    --color-grey: #dddddd;

    --color-red: #ec0d26;
    --color-blue: #15067c;

    --outline-color: currentColor;


    /* System Colors */
    --color-error: var(--color-red);

    /* Spacing
   ========================================================================== */
    --spacing--pico: .25rem; /* 4px */
    --spacing--nano: .5rem; /* 8px */
    --spacing--micro: .75rem; /* 12px */
    --spacing--milli: .875rem; /* 14px */
    --spacing--uno: 1rem; /* 16px */
    --spacing--kilo: 1.25rem; /* 20px */
    --spacing--mega: 1.5rem; /* 24px */
    --spacing--giga: 2rem; /* 32px */
    --spacing--tera: 2.5rem; /* 40px */
    --spacing--peta: 3rem; /* 48px */
    --spacing--exa: 4rem; /* 64px */
    --spacing--zetta: 5rem; /* 80px */
    --spacing--yotta: 6rem; /* 96px */

    /* Max-widths
   ========================================================================== */
    --frame-max-width--default: 60rem;
    --frame-max-width--large: 120rem;

    /* Paddings / Margins
   ========================================================================== */
    --spacing-block--small: 1.5rem;
    --spacing-inline--small: 1.25rem;
    --spacing-block--medium: 2rem;
    --spacing-inline--medium: 4rem;
    --spacing-block--large: 2.5rem;
    --spacing-inline--large: 5rem;

    /* Font families
   ========================================================================== */
    --font-family: 'Standard', sans-serif;
    --font-family--subset: 'Subset', sans-serif;

    /* Classic font sizes
   ========================================================================== */
    --font-size--nano: .625rem; /* 10px */
    --font-size--micro: .75rem; /* 12px */
    --font-size--milli: .875rem; /* 14px */
    --font-size--uno: 1rem; /* 16px */
    --font-size--kilo: 1.125rem; /* 18px */
    --font-size--mega: 1.25rem; /* 20px */
    --font-size--giga: 1.75rem; /* 28px */
    --font-size--tera: 2rem; /* 32px */
    --font-size--peta: 2.375rem; /* 38px */
    --font-size--exa: 2.75rem; /* 44px */
    --font-size--zetta: 3rem; /* 48px */
    --font-size--yotta: 4rem; /* 64px */

    /* Font weights
   ========================================================================== */
    --font-weight--light: 300;
    --font-weight--regular: 400;
    --font-weight--medium: 500;
    --font-weight--semibold: 600;
    --font-weight--bold: 700;
    --font-weight--extrabold: 800;

    /* Font styles
   ========================================================================== */
    --font-style--normal: normal;
    --font-style--italic: italic;

    /* Line heights
   ========================================================================== */
    --line-height: 1.5;
    --line-height--heading: 1.22;
}