:root { 
     /* Text Color */
     --text-orange: #E6BC6D;
     --text-orange-2: #F6752A;
     --text-orange-3: #FEC40A;
     --text-orange-4: #FFC731;
     --text-orange-5: #FFBA00;
     --text-grey: #494949;
     --text-summer-grey: #838383;
     --text-black: #000000;
     --text-yellow: #dbc293;    
     --text-white: #ffffff;
     --text-red: red;
     --text-lite-grey: #CBCBCB;
     --text-smok-grey: #F7F7F7;
     --text-green: #00D28F;
     --text-dark: #272727;
     --text-menu: #B9B9AE;
     --text-lite: #818181;
     --text-border: #A7A7A7;
     --text-step: #737373;
     --text-dull: #4A4A4A;
     --text-more: #4F4F4F;

     /* Backgroun Color */    
     --bg-orange: #E6BC6D;  
     --bg-orange-2: #F6752A;    
     --bg-orange-3: #FEC40A;   
     --bg-orange-4: #FFC731;   
     --bg-orange-5: #FFBA00;   
     --bg-yellow: #dbc293;
     --bg-light-orange: #FFD399;
     --bg-grey: #494949;
     --bg-black: #000000;    
     --bg-white: #ffffff;
     --bg-red: red;
     --bg-green: #00D28F;
     --bg-dark: #272727;

     /* Color */
     --color-black: #000000;
     --color-orange: #E6BC6D;
     --color-orange-2: #F6752A;
     --color-orange-3: #FEC40A;
     --color-orange-4: #FFC731;
     --color-orange-5: #FFBA00;
     --color-yellow: #dbc293;
     --color-white: #ffffff;
     --color-red: red;
     --color-lite-grey: #CBCBCB;
     --color-smok-grey: #F7F7F7;
     --color-green: #00D28F;
     --color-dark: #272727;
     --color-menu: #B9B9AE;
     --color-lite: #818181;
     --color-border: #A7A7A7;
     --color-step: #737373;
     --color-dull: #4A4A4A;
     --color-more: #4F4F4F;

     /* Brand Font */
     --base-font: 'Objektiv Mk1';
     --objektive-thin: 'Objektiv Mk1';
     --objektive-light: 'Objektiv Mk1';
     --objektive-light-italic: 'Objektiv Mk1';
     --objektive-regular: 'Objektiv Mk1';
     --objektive-medium: 'Objektiv Mk1';    
     --objektive-medium-italic: 'Objektiv Mk1';    
     --objektive-bold: 'Objektiv Mk1';    

     --objektive-mk1: 'Objektiv Mk1';
     --objektive-mk1-medium: 'Objektiv Mk1';
     --objektive-mk1-bold: 'Objektiv Mk1';
     --objektive-mk1-xbold: 'Objektiv Mk1';
     --objektive-mk1-black: 'Objektiv Mk1';    
         
     --text-bold: 'Objektiv Mk1';
     --text-regular: 'Objektiv Mk1';
     --text-thin: 'Objektiv Mk1';
     --text-light: 'Objektiv Mk1';
     --text-medium: 'Objektiv Mk1';
     --text-italic: 'Objektiv Mk1';
     --objektive-bold: 'Objektiv Mk1';
     --objektive-medium: 'Objektiv Mk1';
     --objektive-thin: 'Objektiv Mk1';
     --objektive-regular: 'Objektiv Mk1';
     --text-med-italic: 'Objektiv Mk1';
     --fontmkreg: var(--objektive-mk1);
     --fontmkmed: 'Objektiv Mk1';
     --fontmkbold: 'Objektiv Mk1';
     --fontmkxbold: var(--objektive-mk1-xbold);
     --fontmkblack: 'Objektiv Mk1';

     /* Font Weights */
     --font-w-thin: 100;
     --font-w-extra-light: 200;
     --font-w-light: 300;
     --font-w-regular: 400;
     --font-w-medium: 500;
     --font-w-semi-bold: 600;
     --font-w-bold: 700;
     --font-w-extra-bold: 800;
     --font-w-black: 900;

     --box-border: #FFD8A5;
     --wl-prime: #E6BC6D;


     /* Old */
     --primary: #E6BC6D;
     --secondary: #000;

     --theme-color: var(--text-orange);
     --theme-bg: var(--bg-orange);
     --theme-border: var(--color-orange);

     --sidebar-bg: #383838;
     --sidebar-header-bg: #E6BC6D;
     --sidebar-active-color: #E6BC6D;
     --sidebar-hover-color: #E6BC6D;

     --white: var(--color-white);
     --black: var(--color-black);
     --light-black: rgba(0,0,0,0.8);

     --orange-btn-color: var(--text-white);
     --orange-btn-bg: #E6BC6D;

     --orange-btn-color-hover: #fff;
     --orange-btn-bg-hover: #000; 
     --orange-btn-hover-border-color: var(--text-black); 

     --black-outline-btn-border: #000;

     --black-outline-btn-bg-hover: #ccc; 
}