:root
{

    --color-Green: #008000;
    --color-White: #ffffff;
    --color-Black: #000000;

    /* Brand Colors */
    --Brand-Color-001: #0a7c0a;
    --Brand-Color-002: #020950;
    --Brand-Color-003: #ffffff;
    
    /* Hover */
    --color-Hover-Green: #025802;
    
    /* Box Showdows */
    --BoxShowdows-001: 10px 10px 40px #002006;
    /* Transparante */

    --FullTransColor: #00000000;
    /* Size */
    --Size-000: 0.3rem;
    --Size-001: 0.8rem;
    --Size-002: 1rem;
    --Size-003: 1.1rem;
    --Size-004: 1.2rem;
    --Size-005: 1.5rem;
    --Size-006: 1.65rem;
    --Size-007: 1.8rem;
    --Size-008: 2rem;
    --Size-009: 2.5rem;
    --Size-010: 3rem;
    --Size-011: 6rem;
    --Size-012: 10rem;
    --Size-013: 15rem;
    --Size-014: 30rem;
    --Size-015: 40rem;

    /* Font Style & Family */
    --FontFamily-001:'Asul';
    --FontFamily-002:'Asul';
    --FontFamily-003:'Asul';
    --FontFamily-004:'Asul';

    /* Backgrounds */
    --MainBackGroundColor: #000000de;
    --MainHeaderBackGroundColor: #7f7f85d2;
    --TransPartColor:#00000089;

    --background-LinGraid-01: linear-gradient(var(--Brand-Color-001), var(--Brand-Color-003));
    
    /* Tests & Zero Outs */
    --ZeroOut: 0;
    --colorTEST: red;
}