:root{
    --cl-white: #ffffff;
    --cl-black: #212122;
    --cl-gray:#818181;

    --cl-col1:#37F0FA;
    --cl-col2:#CC58A2;
    --cl-col3:#B3FBFF;
    --cl-col4:#F5D0E8;
    --cl-col5:#FFF7C7;
    --cl-col6:#4a90f9;

    --cl-primary:    var(--cl-col1);
    --cl-secondary:  var(--cl-col2);
    --cl-tertiary :  var(--cl-col3);
    --cl-destructive:var(--cl-col5);
    --cl-text-l:     var(--cl-col4);
    --cl-text-light: var(--cl-col4);
    --cl-text-link:  var(--cl-col2);
    --cl-bg-default:  var(--cl-white);
    --cl-bg-light:  var(--cl-col2);
    --cl-bg-dark:  var(--cl-col4);


    --fnt-h: "Shantell Sans", Helvetica, sans-serif;
    --fnt-d: 'Courier New', Courier, monospace;
}