:root {
       --dnn-color-primary: #00c389;
       --dnn-color-primary-light: #aeebd4;
       --dnn-color-primary-dark: #2cd1a7;
       --dnn-color-primary-contrast: #FFFFFF;
       --dnn-color-primary-r: 0;
       --dnn-color-primary-g: 195;
       --dnn-color-primary-b: 137;
           
       --dnn-color-secondary: #aee2da;
       --dnn-color-secondary-light: #d9f1ed;
       --dnn-color-secondary-dark: #91d9ce;
       --dnn-color-secondary-contrast: #FFFFFF;
       --dnn-color-secondary-r: 174;
       --dnn-color-secondary-g: 226;
       --dnn-color-secondary-b: 218;
           
       --dnn-color-tertiary: #337474;
       --dnn-color-tertiary-light: #196262;
       --dnn-color-tertiary-dark: #005151;
       --dnn-color-tertiary-contrast: #FFFFFF;
       --dnn-color-tertiary-r: 51;
       --dnn-color-tertiary-g: 116;
       --dnn-color-tertiary-b: 116;
           
       --dnn-color-neutral: #aee2da;
       --dnn-color-neutral-light: #d9f1ed;
       --dnn-color-neutral-dark: #91d9ce;
       --dnn-color-neutral-contrast: #000000;
       --dnn-color-neutral-r: 174;
       --dnn-color-neutral-g: 226;
       --dnn-color-neutral-b: 218;
           
       --dnn-color-background: #efefea;
       --dnn-color-background-light: #ffffff;
       --dnn-color-background-dark: #ddddd8;
       --dnn-color-background-contrast: #000000;
       --dnn-color-background-r: 239;
       --dnn-color-background-g: 239;
       --dnn-color-background-b: 234;
           
       --dnn-color-foreground: #005151;
       --dnn-color-foreground-light: #337474;
       --dnn-color-foreground-dark: #196262;
       --dnn-color-foreground-contrast: #FFFFFF;
       --dnn-color-foreground-r: 0;
       --dnn-color-foreground-g: 81;
       --dnn-color-foreground-b: 81;
   
       --dnn-color-info: #ffb92a;
       --dnn-color-info-light: #ffd52a;
       --dnn-color-info-dark: #ffa62a;
       --dnn-color-info-contrast: #FFFFFF;
       --dnn-color-info-r: 255;
       --dnn-color-info-g: 185;
       --dnn-color-info-b: 42;
   
       --dnn-color-success: #28A745;
       --dnn-color-success-light: #49C25D;
       --dnn-color-success-dark: #00902F;
       --dnn-color-success-contrast: #FFFFFF;
       --dnn-color-success-r: 40;
       --dnn-color-success-g: 167;
       --dnn-color-success-b: 69;
   
       --dnn-color-warning: #FFC107;
       --dnn-color-warning-light: #FFD42E;
       --dnn-color-warning-dark: #E9AD00;
       --dnn-color-warning-contrast: #FFFFFF;
       --dnn-color-warning-r: 255;
       --dnn-color-warning-g: 193;
       --dnn-color-warning-b: 7;
   
       --dnn-color-danger: #DC3545;
       --dnn-color-danger-light: #F14954;
       --dnn-color-danger-dark: #C51535;
       --dnn-color-danger-contrast: #FFFFFF;
       --dnn-color-danger-r: 220;
       --dnn-color-danger-g: 53;
       --dnn-color-danger-b: 69;
   
       --dnn-color-surface: #f9f8f6;
       --dnn-color-surface-light: #ffffff;
       --dnn-color-surface-dark: #ddddd8;
       --dnn-color-surface-contrast: #000000;
       --dnn-color-surface-r: 249;
       --dnn-color-surface-g: 248;
       --dnn-color-surface-b: 246;
   
       --dnn-controls-radius: 0px;
       --dnn-controls-padding: 9px;
       --dnn-base-font-size: 16px;
       --dnn-variation-opacity: 0.8;
   }