:root {
       --dnn-color-primary: #7cc241;
       --dnn-color-primary-light: #96ce67;
       --dnn-color-primary-dark: #4e7d1f;
       --dnn-color-primary-contrast: #FFFFFF;
       --dnn-color-primary-r: 124;
       --dnn-color-primary-g: 194;
       --dnn-color-primary-b: 65;
           
       --dnn-color-secondary: #4e7d1f;
       --dnn-color-secondary-light: #71b62d;
       --dnn-color-secondary-dark: #3e6419;
       --dnn-color-secondary-contrast: #FFFFFF;
       --dnn-color-secondary-r: 78;
       --dnn-color-secondary-g: 125;
       --dnn-color-secondary-b: 31;
           
       --dnn-color-tertiary: #14140e;
       --dnn-color-tertiary-light: #686849;
       --dnn-color-tertiary-dark: #000000;
       --dnn-color-tertiary-contrast: #FFFFFF;
       --dnn-color-tertiary-r: 20;
       --dnn-color-tertiary-g: 20;
       --dnn-color-tertiary-b: 14;
           
       --dnn-color-neutral: #DCDCDC;
       --dnn-color-neutral-light: #adada5;
       --dnn-color-neutral-dark: #616158;
       --dnn-color-neutral-contrast: #000000;
       --dnn-color-neutral-r: 220;
       --dnn-color-neutral-g: 220;
       --dnn-color-neutral-b: 220;
           
       --dnn-color-background: #fbfaf6;
       --dnn-color-background-light: #ffffff;
       --dnn-color-background-dark: #f1efe6;
       --dnn-color-background-contrast: #14140e;
       --dnn-color-background-r: 251;
       --dnn-color-background-g: 250;
       --dnn-color-background-b: 246;
           
       --dnn-color-foreground: #14140e;
       --dnn-color-foreground-light: #5a5a3f;
       --dnn-color-foreground-dark: #000000;
       --dnn-color-foreground-contrast: #FFFFFF;
       --dnn-color-foreground-r: 20;
       --dnn-color-foreground-g: 20;
       --dnn-color-foreground-b: 14;
   
       --dnn-color-info: #4279af;
       --dnn-color-info-light: #76a1cb;
       --dnn-color-info-dark: #2e557b;
       --dnn-color-info-contrast: #FFFFFF;
       --dnn-color-info-r: 66;
       --dnn-color-info-g: 121;
       --dnn-color-info-b: 175;
   
       --dnn-color-success: #4e7d1f;
       --dnn-color-success-light: #7cc241;
       --dnn-color-success-dark: #3e6419;
       --dnn-color-success-contrast: #ffffff;
       --dnn-color-success-r: 78;
       --dnn-color-success-g: 125;
       --dnn-color-success-b: 31;
   
       --dnn-color-warning: #FFC107;
       --dnn-color-warning-light: #e6ba58;
       --dnn-color-warning-dark: #bc8b1c;
       --dnn-color-warning-contrast: #14140e;
       --dnn-color-warning-r: 255;
       --dnn-color-warning-g: 193;
       --dnn-color-warning-b: 7;
   
       --dnn-color-danger: #b23c2e;
       --dnn-color-danger-light: #d05749;
       --dnn-color-danger-dark: #8e3025;
       --dnn-color-danger-contrast: #FFFFFF;
       --dnn-color-danger-r: 178;
       --dnn-color-danger-g: 60;
       --dnn-color-danger-b: 46;
   
       --dnn-color-surface: #f1efe6;
       --dnn-color-surface-light: #ffffff;
       --dnn-color-surface-dark: #d8d2b9;
       --dnn-color-surface-contrast: #000000;
       --dnn-color-surface-r: 241;
       --dnn-color-surface-g: 239;
       --dnn-color-surface-b: 230;
   
       --dnn-controls-radius: 10px;
       --dnn-controls-padding: 13px;
       --dnn-base-font-size: 16px;
       --dnn-variation-opacity: 0,8;
   }