:root {
    /* Color */

    --clr-positivus-text-black: #000000;
    --clr-positivus-text-white: #FFFFFF;
    --clr-positivus-dark: #191A23;
    --clr-positivus-bg-primary: #B9FF66;
    --clr-positivus-bg-secondary: #F3F3F3;
    --clr-positivus-bg-white: #FFFFFF;
    --clr-positivus-bg-footer: #292A32;
    --clr-Rubik-Main: #FFC62F;
    --clr-Rubik-Start-Dark: #232121;
    --clr-Rubik-Dark: #232121;
    --clr-Rubik-White: #FFFFFF;
    --clr-Rubik-Bg-Secondary: #FAFAFA;

    --clr-neutral-grey: rgba(113, 113, 113, 1);
    --clr-neutral-dgrey:#4d4d4d;
    --clr-neutral-lgrey: rgba(137, 147, 158, 1);
    --clr-neutral-silver: rgba(245, 247, 250, 1);

    --clr-primary: rgba(76, 175, 79, 1);
    --clr-primary100: rgba(76, 175, 79, 0.1);
    --clr-primary200: rgba(76, 175, 79, 0.2);
    --clr-primary300: rgba(76, 175, 79, 0.3);
    --clr-primary400: rgba(76, 175, 79, 0.4);
    --clr-primary500: rgba(76, 175, 79, 0.5);
    --clr-primary600: rgba(76, 175, 79, 0.6);
    --clr-primary700: rgba(76, 175, 79, 0.7);
    --clr-primary800: rgba(76, 175, 79, 0.8);
    --clr-primary900: #4caf4fe6;



    --clr-dark: rgba(38, 50, 56, 1);
    --clr-dark100: rgba(11, 59, 70, 0.1);
    --clr-dark200: rgba(11, 59, 70, 0.2);
    --clr-dark300: rgba(11, 59, 70, 0.3);
    --clr-dark400: rgba(11, 59, 70, 0.4);
    --clr-dark500: rgba(11, 59, 70, 0.5);
    --clr-dark600: rgba(11, 59, 70, 0.6);
    --clr-dark700: rgba(11, 59, 70, 0.7);
    --clr-dark800: rgba(11, 59, 70, 0.8);
    --clr-dark900: rgba(11, 59, 70, 0.9);

    --clr-accent: rgb(71, 205, 235);
    --clr-accent100: rgba(71, 205, 235, 0.1);
    --clr-accent200: rgba(71, 205, 235, 0.2);
    --clr-accent300: rgba(71, 205, 235, 0.3);
    --clr-accent400: rgba(71, 205, 235, 0.4);
    --clr-accent500: rgba(71, 205, 235, 0.5);
    --clr-accent600: rgba(71, 205, 235, 0.6);
    --clr-accent700: rgba(71, 205, 235, 0.7);
    --clr-accent800: rgba(71, 205, 235, 0.8);
    --clr-accent900: rgba(71, 205, 235, 0.9);

    --clr-secondary: rgb(224, 59, 59);
    --clr-secondary100: rgba(224, 59, 59, 0.1);
    --clr-secondary200: rgba(224, 59, 59, 0.2);
    --clr-secondary300: rgba(224, 59, 59, 0.3);
    --clr-secondary400: rgba(224, 59, 59, 0.4);
    --clr-secondary500: rgba(224, 59, 59, 0.5);
    --clr-secondary600: rgba(224, 59, 59, 0.6);
    --clr-secondary700: rgba(224, 59, 59, 0.7);
    --clr-secondary800: rgba(224, 59, 59, 0.8);
    --clr-secondary900: rgba(224, 59, 59, 0.9);

    /* Gradients */
    --grad-primary: linear-gradient(243deg,
            var(--clr-accent) 0%,
            var(--clr-accent400) 100%);
}

/* Texts and backgrounds classes */

.text-white {
    color: #FFFFFF;
}

.text-primary {
    color: var(--clr-primary);
}
h1.h-primary {
    color: var(--clr-text)!important;
}

.text-p-secondary {
    color: var(--clr-neutral-lgrey);
}

.h-primary {
    color: var(--clr-neutral-dgrey)!important;
}

.text-dark {
    color: var(--clr-dark);
}

.text-dark100 {
    color: var(--clr-dark100);
}

.text-dark200 {
    color: var(--clr-dark200);
}

.text-dark300 {
    color: var(--clr-dark300);
}

.text-dark400 {
    color: var(--clr-dark400);
}

.text-dark500 {
    color: var(--clr-dark500);
}

.text-dark600 {
    color: var(--clr-dark600);
}

.text-dark700 {
    color: var(--clr-dark700);
}

.text-dark800 {
    color: var(--clr-dark800);
}

.text-dark900 {
    color: var(--clr-dark900);
}

.bg-dark {
    background-color: var(--clr-dark);
}

.bg-primary {
    background-color: var(--clr-primary);
}

.bg-dark100 {
    background-color: var(--clr-dark100);
}

.bg-dark200 {
    background-color: var(--clr-dark200);
}

.bg-dark300 {
    background-color: var(--clr-dark300);
}

.bg-dark400 {
    background-color: var(--clr-dark400);
}

.bg-dark500 {
    background-color: var(--clr-dark500);
}

.bg-dark600 {
    background-color: var(--clr-dark600);
}

.bg-dark700 {
    background-color: var(--clr-dark700);
}

.bg-dark800 {
    background-color: var(--clr-dark800);
}

.bg-dark900 {
    background-color: var(--clr-dark900);
}

.text-accent {
    color: var(--clr-accent);
}

.text-accent100 {
    color: var(--clr-accent100);
}

.text-accent200 {
    color: var(--clr-accent200);
}

.text-accent300 {
    color: var(--clr-accent300);
}

.text-accent400 {
    color: var(--clr-accent400);
}

.text-accent500 {
    color: var(--clr-accent500);
}

.text-accent600 {
    color: var(--clr-accent600);
}

.text-accent700 {
    color: var(--clr-accent700);
}

.text-accent800 {
    color: var(--clr-accent800);
}

.text-accent900 {
    color: var(--clr-accent900);
}

.bg-accent {
    background-color: var(--clr-accent);
}

.bg-accent100 {
    background-color: var(--clr-accent100);
}

.bg-accent200 {
    background-color: var(--clr-accent200);
}

.bg-accent300 {
    background-color: var(--clr-accent300);
}

.bg-accent400 {
    background-color: var(--clr-accent400);
}

.bg-accent500 {
    background-color: var(--clr-accent500);
}

.bg-accent600 {
    background-color: var(--clr-accent600);
}

.bg-accent700 {
    background-color: var(--clr-accent700);
}

.bg-accent800 {
    background-color: var(--clr-accent800);
}

.bg-accent900 {
    background-color: var(--clr-accent900);
}

.text-secondary {
    color: var(--clr-neutral-grey);
}

.text-silver {
    color: var(--clr-neutral-silver);
}

.text-secondary100 {
    color: var(--clr-secondary100);
}

.text-secondary200 {
    color: var(--clr-secondary200);
}

.text-secondary300 {
    color: var(--clr-secondary300);
}

.text-secondary400 {
    color: var(--clr-secondary400);
}

.text-secondary500 {
    color: var(--clr-secondary500);
}

.text-secondary600 {
    color: var(--clr-secondary600);
}

.text-secondary700 {
    color: var(--clr-secondary700);
}

.text-secondary800 {
    color: var(--clr-secondary800);
}

.text-secondary900 {
    color: var(--clr-secondary900);
}

.bg-secondary {
    background-color: var(--clr-neutral-silver);
}

.bg-secondary100 {
    background-color: var(--clr-secondary100);
}

.bg-secondary200 {
    background-color: var(--clr-secondary200);
}

.bg-secondary300 {
    background-color: var(--clr-secondary300);
}

.bg-secondary400 {
    background-color: var(--clr-secondary400);
}

.bg-secondary500 {
    background-color: var(--clr-secondary500);
}

.bg-secondary600 {
    background-color: var(--clr-secondary600);
}

.bg-secondary700 {
    background-color: var(--clr-secondary700);
}

.bg-secondary800 {
    background-color: var(--clr-secondary800);
}

.bg-secondary900 {
    background-color: var(--clr-secondary900);
}

.bg-grad {
    background-image: var(--grad-primary);
}

.text-grad {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: var(--grad-primary);
}