body{
    /* This is the primary color (500) to be used when theming and applying to a color css property */
    --drg-primary-main: #00833f; 
    --drg-primary-main-as-rgb: 0, 131, 63;
    --drg-primary-main-text: #FFFFFF;
    /* This is the primary color (900) to be used when theming and applying to a color css property when hovered*/
    --drg-primary-main-hover: #00531b;
    /* This is the primary color (300) to be used when theming and applying to a color css property*/
    --drg-primary-main-selected: #4da879;
    /* This is the primary color (50) to be used when theming and applying to a color css property when hovered*/
    --drg-primary-lightest: #e0f0e8;
    /* This is the primary color (100) to be used when theming*/
    --drg-primary-lighter: #b3dac5;

    /* This is the warn color (50) to be used when theming and applying to a color css property when hovered*/
    --drg-warn-lightest: #ffebee;
    /* This is the warn color (500) to be used when theming and applying to a color css property */
    --drg-warn-main: #f44336;
    /** This is the warn color (900) to be used when theming and applying to a color css property when hovered*/
    --drg-warn-main-hover: #b71c1c;

    --drg-dark-contrast: #333333;

    /* This is the primary color (#00833f) to be used when theming and applying to a color css property; generated from https://codepen.io/sosuke/pen/Pjoqqp and pre-fixed with brightness to make it start black */
    --drg-primary-main-filter: brightness(0) saturate(100%) invert(33%) sepia(100%) saturate(633%) hue-rotate(107deg) brightness(91%) contrast(101%);

    /* actual color: #FFFFFF */
    --drg-primary-main-text-filter: brightness(0) invert(100%) sepia(0%) saturate(0%) hue-rotate(349deg) brightness(102%) contrast(101%);
    
    --drg-old-primary-main: #A4C988;
    --drg-old-primary-main-hover: #82B55C;
}