:root {
    --bg-color-base:#101010;
    --bg-color-secondary:#1A1A1A;
    --bg-color-accent:#8704E4;
    --font-color-white: #FFFFFF;
    --font-color-secondary: #939393;
    --font-color-green: #34D399;
    --font-color-pink: #EB4799;
    --font-color-gray: #BDBDBD;
    --spacing-02: 2rem;
    --spacing-04: 4rem;
    --spacing-06: 6rem;
    --spacing-08: 8rem;
    --spacing-10: 10rem;
    --spacing-12: 12rem;
    --spacing-14: 14rem;
    --spacing-16: 16rem;
    --spacing-18: 18rem;
    --spacing-20: 20rem;
    --spacing-22: 22rem;
    --spacing-24: 24rem;
    --spacing-26: 26rem;
    --spacing-28: 28rem;
    --spacing-30: 30rem;
    --spacing-32: 32rem;
    --spacing-34: 34rem;
    --spacing-36: 36rem;
    --spacing-40: 40rem;
    --spacing-48: 48rem;
    --spacing-56: 56rem;

    --link-color: #FFFFFF;
    --link-font-size: 13rem;
    --link-letter-spacing: 0.26rem;
    --link-text-transform: uppercase;
    --link-font-weight: 500;
    --text-transform: uppercase;

    --xxl-heading-font-size: 36rem;
    --xl-mdl-heading-font-size: 32rem;
    --xl-heading-font-size: 24rem;
    --lg-heading-font-size: 21rem;
    --lgmd-heading-font-size: 18rem;
    --md-heading-font-size: 16rem;
    /* --smd-heading-font-size: 15rem;
    --sm-heading-font-size: 14rem;
    --s-heading-font-size: 13rem; */
    --sx-heading-font-size: 12rem;
    --font-weight-extra-bold: 800;
    --font-weight-bold: 700;
    --font-weight-medium: 500;
    --font-weight-regular: 400;
    --font-weight-light: 300;

    --body-copy-lg: 15rem;
    --body-copy-md: 14rem;
    --body-copy-sm: 13rem;

    --corner-radious-08: 08rem;
    --corner-radious-12: 12rem;
    --corner-radious-16: 16rem;
    --corner-radious-24: 24rem;
    --corner-radious-32: 32rem;
    --corner-radious-36: 36rem;
    --corner-radious-88: 88rem;
    --corner-radious-152: 152rem;
    }