:root{
    --cl-white: #ffffff;
    --cl-black: #1a1a1a;
    --cl-gray:#ccc;

    --cl-col1:255, 0, 13;
    --cl-col2:104, 213, 64;
    --cl-col3:#04ac5c;
    --cl-col4:#f8abaf;
    --cl-col5:#d6f4cb;
    --cl-col6:#d9d9d9;

    --cl-primary:    rgb(var(--cl-col1));
    --cl-primary-a:    rgba(var(--cl-col1),0.2);

    --cl-secondary:  rgb(var(--cl-col2));
    --cl-secondary-a:  rgba(var(--cl-col2),0.2);


    --cl-bg-default:  var(--cl-white);
    --cl-bg-light:  rgb(var(--cl-col2));
    --cl-bg-dark:  var(--cl-col4);


    --cl-tertiary : var(--cl-col3);
    --cl-text:var(--cl-black);
    --cl-text-light: var(--cl-gray);
    --cl-text-link:var(--cl-text);

    --cl-destructive : var(--cl-col1);

    --cl-background-light : var(--cl-col6);
    --cl-background-dark : var(--cl-col3);

    --menu-height : 6.7rem;
    --cl-gradient :linear-gradient(90deg, var(--cl-black) 0%, var(--cl-primary) 92%, var(--cl-white) 100%);

    --pd-default : 1rem;
    --pd-small : 0.2rem;
} /* variables*/