:root {

    /* COLORS */

    --c1-150: hsl(var(--c1-h), calc(var(--c1-s) + 10%), calc(var(--c1-l) - 10%));
    --c1-130: hsl(var(--c1-h), calc(var(--c1-s) + 6%), calc(var(--c1-l) - 6%));
    --c1-120: hsl(var(--c1-h), calc(var(--c1-s) + 4%), calc(var(--c1-l) - 4%));
    --c1-110: hsl(var(--c1-h), calc(var(--c1-s) + 2%), calc(var(--c1-l) - 2%));
    --c1-100: hsl(var(--c1-h), var(--c1-s), var(--c1-l));
    --c1-90: hsl(var(--c1-h), calc(var(--c1-s) - 2%), calc(var(--c1-l) + 2%));
    --c1-80: hsl(var(--c1-h), calc(var(--c1-s) - 4%), calc(var(--c1-l) + 4%));
    --c1-70: hsl(var(--c1-h), calc(var(--c1-s) - 6%), calc(var(--c1-l) + 6%));
    --c1-7: hsl(var(--c1-h), calc(var(--c1-s) * 0.5), 90%);
    --c1-2: hsl(var(--c1-h), var(--c1-s), 98%);

    --c2-150: hsl(var(--c2-h), calc(var(--c2-s) + 10%), calc(var(--c2-l) - 10%));
    --c2-130: hsl(var(--c2-h), calc(var(--c2-s) + 6%), calc(var(--c2-l) - 6%));
    --c2-120: hsl(var(--c2-h), calc(var(--c2-s) + 4%), calc(var(--c2-l) - 4%));
    --c2-110: hsl(var(--c2-h), calc(var(--c2-s) + 2%), calc(var(--c2-l) - 2%));
    --c2-100: hsl(var(--c2-h), var(--c2-s), var(--c2-l));
    --c2-90: hsl(var(--c2-h), calc(var(--c2-s) - 2%), calc(var(--c2-l) + 2%));
    --c2-80: hsl(var(--c2-h), calc(var(--c2-s) - 4%), calc(var(--c2-l) + 4%));
    --c2-70: hsl(var(--c2-h), calc(var(--c2-s) - 6%), calc(var(--c2-l) + 6%));
    --c2-7: hsl(var(--c2-h), calc(var(--c2-s) * 0.5), 90%);
    --c2-2: hsl(var(--c2-h), var(--c2-s), 98%);

    --c3-130: hsl(var(--c3-h), calc(var(--c3-s) + 8%), calc(var(--c3-l) - 8%));
    --c3-120: hsl(var(--c3-h), calc(var(--c3-s) + 4%), calc(var(--c3-l) - 4%));
    --c3-100: hsl(var(--c3-h), var(--c3-s), var(--c3-l));
    --c3-90: hsl(var(--c3-h), calc(var(--c3-s) - 2%), calc(var(--c3-l) + 2%));

    --text-color: #1d1d1d;
    --text-color-light: #bfbfbf;
    --text-color-negative: #e6e6e6;
    
    /* OBJECTS */

    /* Logo Base Width */
    --logo-width: clamp(
        calc(var(--logo-base) * 0.4),
        calc(var(--logo-base) + (10vw - 200px)),
        calc(var(--logo-base) * 1.1)
    );

    /* Corners */
    --corner-small: 0px;
    --corner-medium: 0px;

    /* Tags */
    --tag-padding-small: .3em .5em .4em .9em;
    --tag-padding-medium: .5em 1em .6em 1em;
    --tag-padding-big: .8em 1em .9em;

    --tag-edges: polygon( 
            10px 0%, 0% 0%, 
            calc(100%) 0%, 100% 0px, 
            100% calc(100% - 0px), 
            calc(100% - 0px) 100%, 
            10px 100%, 
            0 calc(50%) 
        );

    /* Shadows */
    --shadow-small: rgba(0, 0, 0, .5) 0px 0px 5px 0px;
    --shadow-medium: rgba(0, 0, 0, .5) 0px 0px 12px 0px;

    /* Movements */
    --transition-slow: .5s ease-in-out;
    --transition-normal: .3s ease-in-out;
    --transition-fast: .1s ease-in-out;

    /* Font Sizes */

    --small-font: 14px;
}