:root {
    --green100: hsl(120, 100%, 90%);
    --green200: hsl(120, 100%, 80%);
    --green300: hsl(120, 100%, 70%);
    --green400: hsl(120, 100%, 60%);
    --green500: hsl(120, 100%, 50%);
    --green600: hsl(120, 100%, 40%);
    --green700: hsl(120, 100%, 30%);
    --green750: hsl(120, 100%, 25%);
    --green800: hsl(120, 100%, 20%);
    --green900: hsl(120, 100%, 10%);

    --blue100: hsl(180, 100%, 90%);
    --blue200: hsl(180, 100%, 80%);
    --blue300: hsl(180, 100%, 70%);
    --blue400: hsl(180, 100%, 60%);
    --blue500: hsl(180, 100%, 50%);
    --blue600: hsl(180, 100%, 40%);
    --blue700: hsl(180, 100%, 30%);
    --blue800: hsl(180, 100%, 20%);
    --blue900: hsl(180, 100%, 10%);

    --gray000: hsl(0, 0%, 100%);
    --gray050: hsl(0, 0%, 95%);
    --gray075: hsl(0, 0%, 92.5%);
    --gray100: hsl(0, 0%, 90%);
    --gray200: hsl(0, 0%, 80%);
    --gray300: hsl(0, 0%, 70%);
    --gray400: hsl(0, 0%, 60%);
    --gray500: hsl(0, 0%, 50%);
    --gray600: hsl(0, 0%, 40%);
    --gray700: hsl(0, 0%, 30%);
    --gray800: hsl(0, 0%, 20%);
    --gray900: hsl(0, 0%, 10%);


    /* --dialog-grid-col1: 100px; */


    --table-border-side-width: 0;
    --table-row-spacing: 5;
    --table-col-spacing: 4;

    /* unlimited by default */
    --main-grid-content-max-width: 2000; 
}