:root {
       --dnn-color-primary: #017dc5;
       --dnn-color-primary-light: #1AAEE3;
       --dnn-color-primary-dark: #0091C5;
       --dnn-color-primary-contrast: #FFFFFF;
       --dnn-color-primary-r: 1;
       --dnn-color-primary-g: 125;
       --dnn-color-primary-b: 197;
           
       --dnn-color-secondary: #2f3f46;
       --dnn-color-secondary-light: #EF5059;
       --dnn-color-secondary-dark: #D1363E;
       --dnn-color-secondary-contrast: #FFFFFF;
       --dnn-color-secondary-r: 47;
       --dnn-color-secondary-g: 63;
       --dnn-color-secondary-b: 70;
           
       --dnn-color-tertiary: #ec6636;
       --dnn-color-tertiary-light: #3C7A9A;
       --dnn-color-tertiary-dark: #0B1C24;
       --dnn-color-tertiary-contrast: #FFFFFF;
       --dnn-color-tertiary-r: 236;
       --dnn-color-tertiary-g: 102;
       --dnn-color-tertiary-b: 54;
           
       --dnn-color-neutral: #9aa4b2;
       --dnn-color-neutral-light: #F0F0F0;
       --dnn-color-neutral-dark: #999999;
       --dnn-color-neutral-contrast: #000000;
       --dnn-color-neutral-r: 154;
       --dnn-color-neutral-g: 164;
       --dnn-color-neutral-b: 178;
           
       --dnn-color-background: #FFFFFF;
       --dnn-color-background-light: #F5F5F5;
       --dnn-color-background-dark: #CCCCCC;
       --dnn-color-background-contrast: #000000;
       --dnn-color-background-r: 255;
       --dnn-color-background-g: 255;
       --dnn-color-background-b: 255;
           
       --dnn-color-foreground: #1b2a4a;
       --dnn-color-foreground-light: #673D3E;
       --dnn-color-foreground-dark: #231717;
       --dnn-color-foreground-contrast: #FFFFFF;
       --dnn-color-foreground-r: 27;
       --dnn-color-foreground-g: 42;
       --dnn-color-foreground-b: 74;
   
       --dnn-color-info: #017dc5;
       --dnn-color-info-light: #23B8CF;
       --dnn-color-info-dark: #00889E;
       --dnn-color-info-contrast: #FFFFFF;
       --dnn-color-info-r: 1;
       --dnn-color-info-g: 125;
       --dnn-color-info-b: 197;
   
       --dnn-color-success: #3fa545;
       --dnn-color-success-light: #49C25D;
       --dnn-color-success-dark: #00902F;
       --dnn-color-success-contrast: #FFFFFF;
       --dnn-color-success-r: 63;
       --dnn-color-success-g: 165;
       --dnn-color-success-b: 69;
   
       --dnn-color-warning: #f2a107;
       --dnn-color-warning-light: #FFD42E;
       --dnn-color-warning-dark: #E9AD00;
       --dnn-color-warning-contrast: #FFFFFF;
       --dnn-color-warning-r: 242;
       --dnn-color-warning-g: 161;
       --dnn-color-warning-b: 7;
   
       --dnn-color-danger: #d5392f;
       --dnn-color-danger-light: #F14954;
       --dnn-color-danger-dark: #C51535;
       --dnn-color-danger-contrast: #FFFFFF;
       --dnn-color-danger-r: 213;
       --dnn-color-danger-g: 57;
       --dnn-color-danger-b: 47;
   
       --dnn-color-surface: #f2f6fb;
       --dnn-color-surface-light: #EEEEEE;
       --dnn-color-surface-dark: #CCCCCC;
       --dnn-color-surface-contrast: #000000;
       --dnn-color-surface-r: 242;
       --dnn-color-surface-g: 246;
       --dnn-color-surface-b: 251;
   
       --dnn-controls-radius: 6px;
       --dnn-controls-padding: 10px;
       --dnn-base-font-size: 16px;
       --dnn-variation-opacity: 0.8;
   }