:root {
    --clr-primary-5             : #f0f5ff;
    --clr-primary-10            : #e6f0ff;
    --clr-primary-20            : #cce0ff;
    --clr-primary-30            : #99c2ff;
    --clr-primary-40            : #66a3ff;
    --clr-primary-50            : #3385ff;
    --clr-primary               : #1D3557;
    --clr-primary-60            : #0b5edc;
    --clr-primary-70            : #094fba;
    --clr-primary-80            : #073f96;
    --clr-primary-90            : #052f72;
    --clr-primary-100           : #031f4d;

    --clr-success-10            : #e9f7f1;
    --clr-success-20            : #d3efe3;
    --clr-success-30            : #bde7d5;
    --clr-success               : #31845a;
    --clr-success-110           : #209d68;
    --clr-success-120           : #1c8b5c;
    --clr-success-130           : #197a51;


    --clr-gray                  : #64748b;

    --clr-light                 : #f5f7fa;

    --font-primary              : 'Inter', sans-serif;

    --bs-body-font-size         : .875rem; 
    --bs-border-color           : #e5e7eb;
    --bs-border-radius          : .5rem;
    --bs-border-radius-sm       : .5rem;
    --bs-border-radius-lg       : .8rem;

    --bs-secondary-color        : #676f7e;
    --bs-app-border-clr         : #ccc;

    --clr-offerte               : #584053;
    --clr-inmeten               : #8dc6bf;
    --clr-werkvoorbereiding     : #8dc6bf;
    --clr-werkplaats-montage    : #fcbc66;
    --clr-opleveren             : #F97B50;

    --transition-duration       : .15s;
    --transition-timing-function: ease-in-out;

    --bs-success-rgb            : 16, 185, 129;
}