:root {
       --dnn-color-primary: #c4172b;
       --dnn-color-primary-light: #e72f44;
       --dnn-color-primary-dark: #9e1020;
       --dnn-color-primary-contrast: #FFFFFF;
       --dnn-color-primary-r: 196;
       --dnn-color-primary-g: 23;
       --dnn-color-primary-b: 43;
           
       --dnn-color-secondary: #f2812a;
       --dnn-color-secondary-light: #f79d52;
       --dnn-color-secondary-dark: #d6650d;
       --dnn-color-secondary-contrast: #211a10;
       --dnn-color-secondary-r: 242;
       --dnn-color-secondary-g: 129;
       --dnn-color-secondary-b: 42;
           
       --dnn-color-tertiary: #28200f;
       --dnn-color-tertiary-light: #6a5528;
       --dnn-color-tertiary-dark: #1c160b;
       --dnn-color-tertiary-contrast: #faf6ec;
       --dnn-color-tertiary-r: 40;
       --dnn-color-tertiary-g: 32;
       --dnn-color-tertiary-b: 15;
           
       --dnn-color-neutral: #76694f;
       --dnn-color-neutral-light: #ece3d2;
       --dnn-color-neutral-dark: #4a4032;
       --dnn-color-neutral-contrast: #ffffff;
       --dnn-color-neutral-r: 118;
       --dnn-color-neutral-g: 105;
       --dnn-color-neutral-b: 79;
           
       --dnn-color-background: #f4eee2;
       --dnn-color-background-light: #faf6ec;
       --dnn-color-background-dark: #ece3d2;
       --dnn-color-background-contrast: #211a10;
       --dnn-color-background-r: 244;
       --dnn-color-background-g: 238;
       --dnn-color-background-b: 226;
           
       --dnn-color-foreground: #211a10;
       --dnn-color-foreground-light: #4a4032;
       --dnn-color-foreground-dark: #000000;
       --dnn-color-foreground-contrast: #faf6ec;
       --dnn-color-foreground-r: 33;
       --dnn-color-foreground-g: 26;
       --dnn-color-foreground-b: 16;
   
       --dnn-color-info: #2f6f9f;
       --dnn-color-info-light: #438fc8;
       --dnn-color-info-dark: #26597f;
       --dnn-color-info-contrast: #ffffff;
       --dnn-color-info-r: 47;
       --dnn-color-info-g: 111;
       --dnn-color-info-b: 159;
   
       --dnn-color-success: #2f7a4a;
       --dnn-color-success-light: #42ab68;
       --dnn-color-success-dark: #26623b;
       --dnn-color-success-contrast: #FFFFFF;
       --dnn-color-success-r: 47;
       --dnn-color-success-g: 122;
       --dnn-color-success-b: 74;
   
       --dnn-color-warning: #e0a100;
       --dnn-color-warning-light: #ffbf1a;
       --dnn-color-warning-dark: #b38100;
       --dnn-color-warning-contrast: #000000;
       --dnn-color-warning-r: 224;
       --dnn-color-warning-g: 161;
       --dnn-color-warning-b: 0;
   
       --dnn-color-danger: #b42318;
       --dnn-color-danger-light: #e23427;
       --dnn-color-danger-dark: #901c13;
       --dnn-color-danger-contrast: #FFFFFF;
       --dnn-color-danger-r: 180;
       --dnn-color-danger-g: 35;
       --dnn-color-danger-b: 24;
   
       --dnn-color-surface: #faf6ec;
       --dnn-color-surface-light: #ffffff;
       --dnn-color-surface-dark: #ece3d2;
       --dnn-color-surface-contrast: #211a10;
       --dnn-color-surface-r: 250;
       --dnn-color-surface-g: 246;
       --dnn-color-surface-b: 236;
   
       --dnn-controls-radius: 6px;
       --dnn-controls-padding: 12px;
       --dnn-base-font-size: 16px;
       --dnn-variation-opacity: 0,8;
   }