:root{
    --tt-donker-blauw-100: #000052;
    --tt-donker-blauw-80: rgb(0, 0, 82, .8);
    --tt-donker-blauw-75: rgb(0, 0, 82, .75);
    --tt-donker-blauw-40: rgba(0, 0, 82, .4);
    /* --tt-donker-blauw-20: #CCCCDC; */
    --tt-donker-blauw-20: #D6EAF0;
    --tt-groen: #45BA94;
    --tt-blauw: #45A6BD;
    --tt-blauw-50: rgba(214, 234, 240, .5);
    --tt-blauw-20: #D6EAF0;
    --tt-wit: #fff;
    --tt-geel: #FECB31;

    --tt-header-backdrop-bg-color: rgba(0, 0, 82, .56);


    --tt-verloop: linear-gradient(90deg, #42A5BB 0%, #41b396 100%);
    --tt-verloop-backwards: linear-gradient(270deg, #42A5BB 0%, #41b396 100%);
    --tt-verloop-hover: linear-gradient(90deg, #0000 0%, #41b396 100%);
}