:root {

    /* COLORS */

    --c0-001: hsla(0, 0%, 0%, 0.1);
    --c0-002: hsla(0, 0%, 0%, 0.2); 
    --c0-007: hsla(0, 0%, 0%, 0.7);
    --c0-040: hsla(0, 0%, 0%, 0.4);
    --c0-070: hsla(0, 0%, 0%, 0.5);
    --c0-100: hsla(0, 0%, 0%, 1);

    --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-20: hsl(var(--c1-h), calc(var(--c1-s) - 20%), 80%);
    --c1-7: hsl(var(--c1-h), calc(var(--c1-s) - 50%), 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-20: hsl(var(--c2-h), calc(var(--c2-s) - 20%), 80%);
    --c2-7: hsl(var(--c2-h), calc(var(--c2-s) - 50%), 90%);
    --c2-2: hsl(var(--c2-h), var(--c2-s), 98%);

    --c3-130: hsl(var(--c3-h), calc(var(--c3-s) - 5%), 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-80: hsl(var(--c3-h), calc(var(--c3-s) + 1%), calc(var(--c3-l) + 3%));
    --c3-70: hsl(var(--c3-h), calc(var(--c3-s) + 3%), calc(var(--c3-l) + 5%));

    --text-color-dark: #1d1d1d;
    --text-color-dark-soft: #1d1d1d70;
    --text-color-light: #ffffff;
    --text-color-light-soft: #ffffff70;

    /* 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: 3px;
    --corner-medium: 6px;
    --corner-large: 12px;

    /* Tags */
    --tag-padding-small: .3em .5em .4em .9em;
    --tag-padding-medium: .5em 1em .6em 1em;
    --tag-padding-large: .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, .15) 0px 0px 12px 0px;
    --shadow-medium: rgba(0, 0, 0, .2) 0px 0px 20px 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;
}