:root {
    /*base colors*/
    --Green-100: #B0C92E;
    --Green-75: #C4D662;
    --Green-50: #D7E497;
    --Green-25: #EBF1CB;
    --Green-10: #F7FAEA;
    --Grey-100: #2F353F;
    --Grey-75: #63686F;
    --Grey-50: #979A9F;
    --Grey-25: #CBCDCF;
    --Grey-10: #EAEBEC;
    --Blue-100: #626C81;
    --Blue-75: #8991A0;
    --Blue-50: #B0B5C0;
    --Blue-25: #D8DADF;
    --Blue-10: #EFF0F2;
    --Red-100: #C92E2E;
    --Red-75: #D66262;
    --Red-50: #E49797;
    --Red-25: #F1CBCB;
    --Red-10: #FAEAEA;
    --Orange-100: #FAAD14;
    --Orange-75: #FBC14F;
    --Orange-50: #FCD689;
    --Orange-25: #FEEBC4;
    --Orange-10: #FFF7E7;
    --White-100: #FFF;
    /*contextual colors*/
    --primary: var(--Green-100);
    --secondary: var(--Grey-100);
    --success: var(--Green-100);
    --success-background: var(--Green-10);
    --success-border: var(--Green-25);
    --info: var(--Blue-100);
    --info-background: var(--Blue-25);
    --info-border: var(--Blue-50);
    --warning: var(--Orange-100);
    --warning-background: var(--Orange-10);
    --warning-border: var(--Orange-25);
    --danger: var(--Red-100);
    --danger-background: var(--Red-10);
    --danger-border: var(--Red-50);

    --text-primary: var(--Green-100);
    --text-secondary: var(--Grey-100);
    --text-success: var(--Green-100);
    --text-info: var(--Blue-100);
    --text-info-light: var(--Blue-50);
    --text-warning: var(--Orange-100);
    --text-danger: var(--Red-100);
    --text-dark: var(--Grey-100);
    --text-light: var(--White-100);

    
}