:root{
    
    --slime: #028a2a;
   /* design has 00C93A which doesn't get close to sufficient contrast */


   --slime-org: #00C93A;
   --slime-footer: #1ae655;
   --slime-anchor: #008528;


    --green: hsl(137, 100%, 39%);
    --green-dark: #005C5E;

    --blue: #7FDBDD;
    --blue-dark: #008384;

    --dark: #414141;
    --grey: #E6E6E6;
    --grey-mid: #E0E0E0;
    --pale: #FFFFFF;

    --blackish: #414141;

    scroll-behavior: smooth;

    --transition: all 0.3s ease-in-out;

    --text-light: 200;
    --text-regular: 400;
    --text-strong: 600;
    --strong: 600;

}


.fill-white{
    fill: #fff;
    transition: var(--transition);
}

.fill-dark{
    fill: var(--green-dark);
    transition: var(--transition);
}