:root {
/**** Fonts ****/
    --Framework-FontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, Tahoma;
    --Framework-FontSize: 14px;
    --Content-FontSize: 11px;

/**** Colors ****/

    --Accent-Color: #104E8B;
    --Accent-Color-Foreground: #FFFFFF;
    --Accent-Color-Secondary: #1874CD;
    --Accent-Color-Tertiary: #1C86EE;
    --Main-Background: #EEEEEE;

    --Control-ScrollBar-Thumb: #DEDEDE;
    --Control-ScrollBar-Thumb-MouseOver: #CECECE;
    --Control-ScrollBar-Thumb-Pressed: #C6C6C6;

    --Content-Background: #FFFFFF;
    --Content-Foreground: #000000;
    --Content-Secondary-Foreground: #5C5C5C;
    --Content-Border: #CDCDCD;
    --Content-Divider: #DDDDDD;
    --Content-BoxShadow: rgb(0 0 0 / 10%);
    
    --Content-Toolbar-Background: #F1F1F1;
    --Content-Toolbar-Foreground: #000000;
    --Content-Toolbar-Border: #CDCDCD;
    --Content-Toolbar-Font-Weight: normal;
    --Content-Toolbar-Divider: #DDDDDD;
    --Content-Toolbar-Action-Background: var(--Content-Toolbar-Background);
    --Content-Toolbar-Action-Foreground: var(--Content-Toolbar-Foreground);
    --Content-Toolbar-Action-Border: transparent;
    --Content-Toolbar-Action-Font-Weight: var(--Content-Toolbar-Font-Weight);
    --Content-Toolbar-Action-Hover-Background: #DDDDDD;
    --Content-Toolbar-Action-Hover-Foreground: var(--Content-Toolbar-Action-Foreground);
    --Content-Toolbar-Action-Hover-Border: var(--Content-Toolbar-Action-Border);
    --Content-Toolbar-Action-Selected-Background: var(--Accent-Color);
    --Content-Toolbar-Action-Selected-Foreground: var(--Accent-Color-Foreground);
    --Content-Toolbar-Action-Selected-Border: var(--Content-Toolbar-Action-Border);    
    --Content-Toolbar-Action-Disabled-Background: transparent;
    --Content-Toolbar-Action-Disabled-Foreground: #666666;
    --Content-Toolbar-Action-Disabled-Border: var(--Content-Toolbar-Action-Border);

    --Content-Button-Background: var(--Accent-Color);
    --Content-Button-Foreground: var(--Accent-Color-Foreground);
    --Content-Button-Border: var(--Accent-Color);
    --Content-Button-Border-Radius: 2px;
    --Content-Button-Padding: 2px 8px;
    --Content-Button-Font-Weight: normal;
    --Content-Button-Hover-Background: #1874CD;
    --Content-Button-Hover-Foreground: var(--Accent-Color-Foreground);
    --Content-Button-Hover-Border: #1874CD;
    --Content-Button-Disabled-Background: var(--Content-Background);
    --Content-Button-Disabled-Foreground: #666666;
    --Content-Button-Disabled-Border: #767676;
    
    --Control-Background: #FFFFFF;
    --Control-Foreground: #000000;
    --Control-Secondary-Foreground: #5C5C5C;
    --Control-Border: 1px solid #767676;
    --Control-Border-Bottom: 1px solid #767676;
    --Control-Border-Radius: 2px;
    --Control-Disabled-Background: #EFEFEF;
    --Control-Disabled-Foreground: #666666;
    --Control-Disabled-Border: var(--Control-Border);
    --Control-Disabled-Border-Bottom: var(--Control-Border-Bottom);
    --Control-Required-Background: #FCFFE2;
    --Control-Required-Foreground: var(--Control-Foreground);
    --Control-Required-Border: var(--Control-Border);
    --Control-Required-Border-Bottom: var(--Control-Border-Bottom);
    --Control-Item-Background: #FFFFFF;
    --Control-Item-Foreground: #000000;
    --Control-Item-Icon-Foreground: #5C5C5C;
    --Control-Item-Alternate-Background: #F4F4F4;
    --Control-Item-Alternate-Foreground: #000000;
    --Control-Item-Alternate-Icon-Foreground: #5C5C5C;
    --Control-Item-Hover-Background: #EEEEEE;
    --Control-Item-Hover-Foreground: var(--Control-Item-Foreground);
    --Control-Item-Hover-Icon-Foreground: #5C5C5C;
    --Control-Item-Selected-Background: var(--Accent-Color);
    --Control-Item-Selected-Foreground: var(--Accent-Color-Foreground);
    --Control-Item-Selected-Icon-Foreground: var(--Accent-Color-Foreground);    
    --Control-Item-Inactive-Selected-Background: var(--Accent-Color-Tertiary);
    --Control-Item-Inactive-Selected-Foreground: var(--Accent-Color-Foreground);
    --Control-Item-Inactive-Selected-Icon-Foreground: var(--Accent-Color-Foreground);

/**** Connect Window ****/
    --ConnectWindow-Background: var(--Main-Background);
    --ConnectWindow-BackgroundImage: unset;
    --ConnectWindow-Card-Background: var(--Content-Background);
    --ConnectWindow-Card-Foreground: var(--Content-Foreground);
    --ConnectWindow-Card-Border: 1px solid var(--Content-Border);
    --ConnectWindow-Logo: url('images/iETBanner.png');
    --ConnectWindow-Logo-Background: transparent;
    --ConnectWindow-Logo-Height: 100px;
    --ConnectWindow-Link-Foreground: var(--Accent-Color);
    --ConnectWindow-Link-Hover-Foreground: var(--ConnectWindow-Link-Foreground);
    --ConnectWindow-Link-Divider: var(--Content-Secondary-Foreground);
    --ConnectWindow-Copyright-Foreground: var(--Content-Secondary-Foreground);
    
/**** Dialogs ****/
    --DialogWindow-Modal: rgba(0, 0, 0, 0.15);
    --DialogWindow-BoxShadow: rgb(0 0 0 / 10%);
    --DialogWindow-FontSize: var(--Framework-FontSize);
    --DialogWindow-Background: var(--Content-Background);
    --DialogWindow-Foreground: var(--Content-Foreground);
    --DialogWindow-Border: 1px solid #CDCDCD;
    --DialogWindow-Secondary-Foreground: var(--Content-Secondary-Foreground);
    --DialogWindow-Title-FontSize: 1.5em;
    --DialogWindow-Title-Background: transparent;
    --DialogWindow-Title-Foreground: var(--Content-Foreground);
    --DialogWindow-Title-Border-Bottom: 1px solid transparent;
    --DialogWindow-CommitBar-Background: transparent;
    --DialogWindow-CommitBar-Border-Top: 1px solid transparent;
    --DialogWindow-CommitBar-Button-Background: var(--Content-Button-Background);
    --DialogWindow-CommitBar-Button-Foreground: var(--Content-Button-Foreground);
    --DialogWindow-CommitBar-Button-Border: var(--Content-Button-Border);
    --DialogWindow-CommitBar-Button-Font-Weight: var(--Content-Button-Font-Weight);
    --DialogWindow-CommitBar-Button-Hover-Background: var(--Content-Button-Hover-Background);
    --DialogWindow-CommitBar-Button-Hover-Foreground: var(--Content-Button-Hover-Foreground);
    --DialogWindow-CommitBar-Button-Hover-Border: var(--Content-Button-Hover-Border);
    --DialogWindow-CommitBar-Button-Disabled-Background: var(--Content-Button-Disabled-Background);
    --DialogWindow-CommitBar-Button-Disabled-Foreground: var(--Content-Button-Disabled-Foreground);
    --DialogWindow-CommitBar-Button-Disabled-Border: var(--Content-Button-Disabled-Border);

/**** Toasts ****/
    --Toast-BoxShadow: rgb(0 0 0 / 10%);
    --Toast-FontSize: var(--Framework-FontSize);
    --Toast-Background: var(--Content-Background);
    --Toast-Foreground: var(--Content-Foreground);
    --Toast-Border: 1px solid #CDCDCD;
    --Toast-Title-FontSize: var(--Framework-FontSize);
    --Toast-Title-FontWeight: bold;
    --Toast-Title-Background: transparent;
    --Toast-Title-Foreground: var(--Content-Foreground);
    --Toast-Title-Border: 1px solid transparent;
    --Toast-Icon-FontSize: 2em;
    --Toast-Icon-Foreground: #666;
    --Toast-CommitBar-Background: transparent;
    --Toast-CommitBar-Border: 1px solid transparent;
    --Toast-CommitBar-Button-Background: var(--Content-Button-Background);
    --Toast-CommitBar-Button-Foreground: var(--Content-Button-Foreground);
    --Toast-CommitBar-Button-Border: var(--Content-Button-Border);
    --Toast-CommitBar-Button-Font-Weight: var(--Content-Button-Font-Weight);
    --Toast-CommitBar-Button-Hover-Background: var(--Content-Button-Hover-Background);
    --Toast-CommitBar-Button-Hover-Foreground: var(--Content-Button-Hover-Foreground);
    --Toast-CommitBar-Button-Hover-Border: var(--Content-Button-Hover-Border);
    --Toast-CommitBar-Button-Disabled-Background: var(--Content-Button-Disabled-Background);
    --Toast-CommitBar-Button-Disabled-Foreground: var(--Content-Button-Disabled-Foreground);
    --Toast-CommitBar-Button-Disabled-Border: var(--Content-Button-Disabled-Border);

/**** Menus ****/
    --Menu-Background: #FFFFFF;
    --Menu-Foreground: #000000;
    --Menu-Border: 1px solid #CDCDCD;
    --Menu-Group-Label-Foreground: #5C5C5C;
    --Menu-Group-Divider: var(--Content-Border);
    --Menu-Group-Divider-Border-Bottom: 1px solid var(--Menu-Group-Divider);
    --Menu-Group-Divider-Border-Top: 1px solid var(--Menu-Group-Divider);
    --Menu-Item-Background: var(--Menu-Background);
    --Menu-Item-Foreground: var(--Menu-Foreground);
    --Menu-Item-Icon-Foreground: #5C5C5C;
    --Menu-Item-Hover-Background: #EEEEEE;
    --Menu-Item-Hover-Foreground: var(--Menu-Item-Foreground);
    --Menu-Item-Hover-Icon-Foreground: var(--Menu-Item-Icon-Foreground);
    --Menu-Item-Toggled-Background: var(--Accent-Color);
    --Menu-Item-Toggled-Foreground: var(--Accent-Color-Foreground);
    --Menu-Item-Toggled-Icon-Foreground: var(--Accent-Color-Foreground);
    --Menu-Item-Disabled-Background: var(--Menu-Item-Background);
    --Menu-Item-Disabled-Foreground: #666666;
    --Menu-Item-Disabled-Icon-Foreground: var(--Menu-Item-Icon-Foreground);

/**** MainWindow ****/
    --MainWindow-Background: var(--Main-Background);

    /* MainWindow - HeaderBar */
    --MainWindow-HeaderBar-Background: #FFFFFF;
    --MainWindow-HeaderBar-Action-Background: var(--MainWindow-HeaderBar-Background);
    --MainWindow-HeaderBar-Action-Foreground: #000000;
    --MainWindow-HeaderBar-Action-Hover-Background: #EEEEEE;
    --MainWindow-HeaderBar-Action-Hover-Foreground: var(--MainWindow-HeaderBar-Action-Foreground);
    --MainWindow-RepInfo-Background: var(--MainWindow-HeaderBar-Background);
    --MainWindow-RepInfo-Line1-Foreground: #000000;
    --MainWindow-RepInfo-Line2-Foreground: #5C5C5C;
    --MainWindow-RepInfo-DateTime-Foreground: #5C5C5C;
    --MainWindow-RepInfo-Hover-Background: var(--MainWindow-HeaderBar-Action-Hover-Background);
    --MainWindow-RepInfo-Hover-Line1-Foreground: var(--MainWindow-RepInfo-Line1-Foreground);
    --MainWindow-RepInfo-Hover-Line2-Foreground: var(--MainWindow-RepInfo-Line2-Foreground);
    --MainWindow-RepInfo-Hover-DateTime-Foreground: var(--MainWindow-RepInfo-DateTime-Foreground);
    --MainWindow-RepInfo-Border-Left-Radius: 50%;
    --MainWindow-RepImage-Background: #FFFFFF;
    --MainWindow-RepImage-Foreground: #CDCDCD;
    --MainWindow-RepImage-Border: 1px solid transparent;
    --MainWindow-RepImage-Hover-Background: var(--MainWindow-RepImage-Background);
    --MainWindow-RepImage-Hover-Foreground: var(--MainWindow-RepImage-Foreground);
    --MainWindow-RepImage-Hover-Border: 1px solid var(--MainWindow-RepImage-Border);
    --MainWindow-RepImageStatus-Available: #51DD0A;
    --MainWindow-RepImageStatus-NotAvailable: #FFFF00;
    --MainWindow-Search-Background: #EEEEEE;
    --MainWindow-Search-Foreground: #000000;
    --MainWindow-Search-Icon-Foreground: #000000;
    --MainWindow-Search-Placeholder: #666666;
    --MainWindow-Search-Border-Radius: 1.4285714285714286em; 
    --MainWindow-Search-Border: none;
    --MainWindow-Search-Border-Bottom: none;
    --MainWindow-Search-Focused-Outline: auto;
    --MainWindow-Search-Padding: 0 calc(2.857142857142857em + 0.2857142857142857em) 0 1.1428571428571428em;
    --MainWindow-Search-Hover-Background: var(--MainWindow-HeaderBar-Action-Hover-Background);
    --MainWindow-Process-Selector-Margin: 0 0px 12px 0px;
    --MainWindow-Process-Selector-Padding: 0 1.1428571429em;

    /* MainWindow - Tab */
    --MainWindow-TabArea-Background: #FFFFFF;
    --MainWindow-TabItem-Background: #FFFFFF;
    --MainWindow-TabItem-Foreground: #5C5C5C;
    --MainWindow-TabItem-Border-Bottom: 1px solid var(--MainWindow-TabItem-Foreground);
    --MainWindow-TabItem-Border-Right: 1px solid var(--MainWindow-TabItem-Foreground);
    --MainWindow-TabItem-Close-Background: transparent;
    --MainWindow-TabItem-Close-Foreground: #5C5C5C;
    --MainWindow-TabItem-Close-Hover-Background: #EEEEEE;
    --MainWindow-TabItem-Close-Hover-Foreground: #000000;
    --MainWindow-TabItem-Hover-Background: var(--MainWindow-TabItem-Background);
    --MainWindow-TabItem-Hover-Foreground: #000000;
    --MainWindow-TabItem-Hover-Bottom-Background: #DDDDDD;
    --MainWindow-TabItem-Hover-Close-Background: transparent;
    --MainWindow-TabItem-Hover-Close-Foreground: #5C5C5C;
    --MainWindow-TabItem-Hover-Close-Hover-Background: #EEEEEE;
    --MainWindow-TabItem-Hover-Close-Hover-Foreground: #000000;
    --MainWindow-TabItem-Selected-Background: var(--MainWindow-TabItem-Background);
    --MainWindow-TabItem-Selected-Foreground: #000000;
    --MainWindow-TabItem-Selected-Bottom-Background: var(--Accent-Color);
    --MainWindow-TabItem-Selected-Border-Top: 1px solid var(--Accent-Color);
    --MainWindow-TabItem-Selected-Close-Background: transparent;
    --MainWindow-TabItem-Selected-Close-Foreground: #5C5C5C;
    --MainWindow-TabItem-Selected-Close-Hover-Background: #EEEEEE;
    --MainWindow-TabItem-Selected-Close-Hover-Foreground: #000000;

/**** NavigationPane ****/
    --NavigationPane-Background: #FFFFFF;
    --NavigationPane-Foreground: #000000;
        
    /* NavigationPane - Logo */
    --NavigationPane-Logo: url('images/iETBanner.png');
    --NavigationPane-Logo-Background: transparent;
    --NavigationPane-Logo-Height: 70px;

    /* NavigationPane - PinButton */
    --NavigationPane-PinButton-Background: inherit;
    --NavigationPane-PinButton-Foreground: #000000;
    --NavigationPane-PinButton-Hover-Background: #EEEEEE;
    --NavigationPane-PinButton-Hover-Foreground: #000000;

    /* NavigationPane - Filter */
    --NavigationPane-Filter-Background: #EEEEEE;
    --NavigationPane-Filter-Foreground: #000000;
    --NavigationPane-Filter-Placeholder: #666666;
    --NavigationPane-Filter-Border-Radius: 1.4285714285714286em; 
    --NavigationPane-Filter-Border: none;
    --NavigationPane-Filter-Border-Bottom: none;
    --NavigationPane-Filter-Focused-Outline: auto;
    --NavigationPane-Filter-Margin: 13px 10px 8px 10px;
    --NavigationPane-Filter-Padding: 0 1.1428571428571428em;

    /* NavigationPane - AppSelector */
    --NavigationPane-AppSelector-Background: var(--NavigationPane-Background);
    --NavigationPane-AppSelector-Foreground: var(--NavigationPane-Foreground);
    --NavigationPane-AppSelector-Border: 1px solid #767676;
    --NavigationPane-AppSelector-Item-Background: var(--NavigationPane-Background);
    --NavigationPane-AppSelector-Item-Foreground: var(--NavigationPane-Foreground);
    --NavigationPane-AppSelector-Item-Hover-Background: var(--Control-Item-Hover-Background);
    --NavigationPane-AppSelector-Item-Hover-Foreground: var(--Control-Item-Hover-Foreground);
    --NavigationPane-AppSelector-Item-Selected-Background: var(--Control-Item-Selected-Background);
    --NavigationPane-AppSelector-Item-Selected-Foreground: var(--Control-Item-Selected-Foreground);

    /* NavigationPane - Heading */
    --NavigationPane-Heading-FontSize: 0.86em;
    --NavigationPane-Heading-Foreground: #5C5C5C;
    --NavigationPane-Heading-Underline: 1px solid var(--Accent-Color);

    /* NavigationPane - Region */
    --NavigationPane-Region-Background: transparent;
    --NavigationPane-Region-Placeholder: #666666;

    /* NavigationPane - Item */
    --NavigationPane-Item-Background: var(--NavigationPane-Background);
    --NavigationPane-Item-Foreground: var(--NavigationPane-Foreground);
    --NavigationPane-Item-Icon-Foreground: #5C5C5C;
    --NavigationPane-Item-Indicator-Background: var(--Accent-Color);
    --NavigationPane-Item-Indicator-Foreground: var(--Accent-Color-Foreground);
    --NavigationPane-Item-Hover-Background: #EEEEEE;
    --NavigationPane-Item-Hover-Foreground: #000000;
    --NavigationPane-Item-Hover-Icon-Foreground: #5C5C5C;
    --NavigationPane-Item-Hover-Indicator-Background: var(--Accent-Color);
    --NavigationPane-Item-Hover-Indicator-Foreground: var(--Accent-Color-Foreground);
    --NavigationPane-Item-DragDrop-Indicator: #5C5C5C;

/**** ProcessTrail ****/
    --ProcessTrail-Background: #F1F1F1;
    --ProcessTrail-Divider: 14px solid #F1F1F1;
    --ProcessTrail-Border-Bottom: 1px solid #DDDDDD;
    --ProcessTrail-Item-Background: #CCCCCC;
    --ProcessTrail-Item-Foreground: #000000;
    --ProcessTrail-Item-Close-Background: transparent;
    --ProcessTrail-Item-Close-Foreground: #5C5C5C;
    --ProcessTrail-Item-Close-Hover-Background: #BDBDBD;
    --ProcessTrail-Item-Close-Hover-Foreground: var(--Content-Foreground);
    --ProcessTrail-Item-Active-Background: var(--Accent-Color);
    --ProcessTrail-Item-Active-Foreground: var(--Accent-Color-Foreground);
    --ProcessTrail-Item-Active-Close-Background: var(--Accent-Color);
    --ProcessTrail-Item-Active-Close-Foreground: var(--Accent-Color-Foreground);
    --ProcessTrail-Item-Active-Close-Hover-Background: #1874CD;
    --ProcessTrail-Item-Active-Close-Hover-Foreground: var(--Accent-Color-Foreground);
    --ProcessTrail-Item-Disabled-Background: #CCCCCC;
    --ProcessTrail-Item-Disabled-Foreground: #666666;
    --ProcessTrail-Item-Disabled-Close-Background: #CCCCCC;
    --ProcessTrail-Item-Disabled-Close-Foreground: var(--ProcessTrail-Item-Close-Foreground);
    --ProcessTrail-Item-Disabled-Close-Hover-Background: var(--ProcessTrail-Item-Close-Hover-Background);
    --ProcessTrail-Item-Disabled-Close-Hover-Foreground: var(--ProcessTrail-Item-Close-Hover-Foreground);

/**** ProgressBar ****/
    --ProgressBar-Track: var(--Content-Border);
    --ProgressBar-Bar: var(--Accent-Color);

/**** Content ****/

    /* Content - CommitBar */
    --Content-CommitBar-Background: var(--Content-Toolbar-Background);
    --Content-CommitBar-Border-Top: 1px solid var(--Content-Toolbar-Border);
    --Content-CommitBar-Divider: var(--Content-Toolbar-Divider);
    --Content-CommitBar-Button-Background: var(--Content-Button-Background);
    --Content-CommitBar-Button-Foreground: var(--Content-Button-Foreground);
    --Content-CommitBar-Button-Border: var(--Content-Button-Border);
    --Content-CommitBar-Button-Font-Weight: var(--Content-Button-Font-Weight);
    --Content-CommitBar-Button-Hover-Background: var(--Content-Button-Hover-Background);
    --Content-CommitBar-Button-Hover-Foreground: var(--Content-Button-Hover-Foreground);
    --Content-CommitBar-Button-Hover-Border: var(--Content-Button-Hover-Border);
    --Content-CommitBar-Button-Disabled-Background: var(--Content-Button-Disabled-Background);
    --Content-CommitBar-Button-Disabled-Foreground: var(--Content-Button-Disabled-Foreground);
    --Content-CommitBar-Button-Disabled-Border: var(--Content-Button-Disabled-Border);

    /* Content - Footer */
    --Content-Footer-Background: var(--Content-Toolbar-Background);
    --Content-Footer-Foreground: var(--Content-Toolbar-Foreground);
    --Content-Footer-Border-Top: 1px solid var(--Content-Toolbar-Border);    

    /* Content - Form */
    --Content-Form-Padding: 10px;

    /* Content - ItemToolbar */
    --Content-ItemToolbar-Background: var(--Content-Toolbar-Background);
    --Content-ItemToolbar-Border-Bottom: 1px solid var(--Content-Toolbar-Border);
    --Content-ItemToolbar-Divider: var(--Content-Toolbar-Divider);
    --Content-ItemToolbar-Action-Background: var(--Content-Toolbar-Action-Background);
    --Content-ItemToolbar-Action-Foreground: var(--Content-Toolbar-Action-Foreground);
    --Content-ItemToolbar-Action-Border: var(--Content-Toolbar-Action-Border);
    --Content-ItemToolbar-Action-Font-Weight: var(--Content-Toolbar-Action-Font-Weight);
    --Content-ItemToolbar-Action-Hover-Background: var(--Content-Toolbar-Action-Hover-Background);
    --Content-ItemToolbar-Action-Hover-Foreground: var(--Content-Toolbar-Action-Hover-Foreground);
    --Content-ItemToolbar-Action-Hover-Border: var(--Content-Toolbar-Action-Hover-Border);
    --Content-ItemToolbar-Action-Disabled-Background: var(--Content-Toolbar-Action-Disabled-Background);
    --Content-ItemToolbar-Action-Disabled-Foreground: var(--Content-Toolbar-Action-Disabled-Foreground);
    --Content-ItemToolbar-Action-Disabled-Border: var(--Content-Toolbar-Action-Disabled-Border);

    /* Content - ReadingPane */
    --Content-ReadingPane-Background: var(--Content-Background);
    --Content-ReadingPane-Foreground: var(--Content-Foreground);
    --Content-ReadingPane-Border: var(--Content-Border);
    --Content-ReadingPane-Divider: var(--Content-Divider);

/**** Controls ****/

    /* Controls - Button */
    --Control-Button-Background: var(--Content-Button-Background);
    --Control-Button-Foreground: var(--Content-Button-Foreground);
    --Control-Button-Border: 1px solid var(--Content-Button-Border);
    --Control-Button-Border-Radius: 2px;
    --Control-Button-Font-Weight: var(--Content-Button-Font-Weight);
    --Control-Button-Icon-FontSize: 1.2em;
    --Control-Button-Margin: var(--Control-Margin);
    --Control-Button-Hover-Background: var(--Content-Button-Hover-Background);
    --Control-Button-Hover-Foreground: var(--Content-Button-Hover-Foreground);
    --Control-Button-Hover-Border: 1px solid var(--Content-Button-Hover-Border);
    --Control-Button-Disabled-Background: var(--Control-Disabled-Background);
    --Control-Button-Disabled-Foreground: var(--Control-Disabled-Foreground);
    --Control-Button-Disabled-Border: 1px solid var(--Content-Button-Disabled-Border);

    /* Controls - Calendar */
    --Control-Calendar-Background: var(--Control-Background);
    --Control-Calendar-Foreground: var(--Control-Foreground);
    --Control-Calendar-Border: 1px solid var(--Control-Border);
    --Control-Calendar-Divider: var(--Content-Border);
    --Control-Calendar-DateLabel-Background: var(--Control-Item-Background);
    --Control-Calendar-DateLabel-Foreground: var(--Control-Item-Foreground);
    --Control-Calendar-DateLabel-Hover-Background: var(--Control-Item-Hover-Background);
    --Control-Calendar-DateLabel-Hover-Foreground: var(--Control-Item-Hover-Foreground);
    --Control-Calendar-DateLabel-Selected-Background: var(--Control-Item-Hover-Background);
    --Control-Calendar-DateLabel-Selected-Foreground: var(--Control-Item-Hover-Foreground);
    --Control-Calendar-DateLabel-Off-Background: var(--Control-Calendar-Background);
    --Control-Calendar-DateLabel-Off-Foreground: var(--Control-Disabled-Foreground);
    --Control-Calendar-Event-Background: var(--Control-Item-Selected-Background);
    --Control-Calendar-Event-Foreground: var(--Control-Required-Foreground);
    --Control-Calendar-TimeMarker: var(--Accent-Color);
    --Control-Calendar-DayLines: var(--Control-Calendar-Divider);
    --Control-Calendar-HourLines: var(--Control-Calendar-Divider);
    --Control-Calendar-HalfHourLines: var(--Content-Divider);

    /* Controls - CheckBox */
    --Control-CheckBox-Background: var(--Control-Background);
    --Control-CheckBox-Foreground: var(--Control-Foreground);
    --Control-CheckBox-Border: var(--Control-Border);
    --Control-CheckBox-Label-Foreground: var(--Control-Foreground);    
    --Control-CheckBox-Checked-Background: var(--Control-CheckBox-Background);
    --Control-CheckBox-Checked-Foreground: var(--Control-CheckBox-Foreground);
    --Control-CheckBox-Checked-Border: var(--Control-CheckBox-Border);
    --Control-CheckBox-Required-Background: var(--Control-Required-Background);
    --Control-CheckBox-Required-Foreground: var(--Control-Required-Foreground);
    --Control-CheckBox-Required-Border: var(--Control-Required-Border);
    --Control-CheckBox-Disabled-Background: var(--Control-Disabled-Background);
    --Control-CheckBox-Disabled-Foreground: var(--Control-Disabled-Foreground);
    --Control-CheckBox-Disabled-Border: var(--Control-Disabled-Border);
    --Control-CheckBox-Vertical-Margin: var(--Control-Margin);

    /* Controls - ComboBox */
    --Control-ComboBox-Background: var(--Control-Background);    
    --Control-ComboBox-Foreground: var(--Control-Foreground);
    --Control-ComboBox-Border: 0.5px var(--Control-Border);
    --Control-ComboBox-Border-Bottom: 0.5px var(--Control-Border-Bottom);
    --Control-ComboBox-Disabled-Background: var(--Control-Disabled-Background);
    --Control-ComboBox-Disabled-Foreground: var(--Control-Disabled-Foreground);
    --Control-ComboBox-Disabled-Border: 0.5px var(--Control-Disabled-Border);
    --Control-ComboBox-Disabled-Border-Bottom: 0.5px var(--Control-Disabled-Border-Bottom);
    --Control-ComboBox-Required-Background: var(--Control-Required-Background);
    --Control-ComboBox-Required-Foreground: #757575;
    --Control-ComboBox-Required-Border: 0.5px var(--Control-Required-Border);
    --Control-ComboBox-Required-Border-Bottom: 0.5px var(--Control-Required-Border-Bottom);
    --Control-ComboBox-Focused-Outline: auto;
    --Control-ComboBox-Item-Background: var(--Control-Item-Background);
    --Control-ComboBox-Item-Foreground: var(--Control-Item-Foreground);
    --Control-ComboBox-Item-Hover-Background: var(--Control-Item-Hover-Background);
    --Control-ComboBox-Item-Hover-Foreground: var(--Control-Item-Hover-Foreground);
    --Control-ComboBox-Item-Selected-Background: var(--Control-Item-Selected-Background);
    --Control-ComboBox-Item-Selected-Foreground: var(--Control-Item-Selected-Foreground);
    --Control-ComboBox-Vertical-Margin: var(--Control-Margin);

    /* Controls - Container */
    --Control-Container-Border: var(--Control-Border);
    --Control-Container-Margin: unset;

    /* Controls - DataSheetPanel */
    --Control-DataSheetPanel-Sheet-Header-Background: var(--Content-Toolbar-Background);
    --Control-DataSheetPanel-Sheet-Header-Foreground: var(--Content-Toolbar-Foreground);
    --Control-DataSheetPanel-Sheet-Header-Border: var(--Control-Border);

    /* Controls - DatePicker */
    --Control-DatePicker-Border-Bottom: 1px solid var(--Content-Border)
    --Control-DatePicker-Item-Background: var(--Control-Item-Background);
    --Control-DatePicker-Item-Foreground: var(--Control-Item-Foreground);
    --Control-DatePicker-Item-Hover-Background: var(--Control-Item-Hover-Background);
    --Control-DatePicker-Item-Hover-Foreground: var(--Control-Item-Hover-Foreground);
    --Control-DatePicker-Item-Hover-Border: var(--Control-Item-Selected-Background);
    --Control-DatePicker-Item-Selected-Background: var(--Control-Item-Selected-Background);
    --Control-DatePicker-Item-Selected-Foreground: var(--Control-Item-Selected-Foreground);
    --Control-DatePicker-Item-Selected-Border: var(--Control-Item-Selected-Background);
    --Control-DatePicker-Item-Off-Foreground: var(--Control-Disabled-Foreground);

    /* Controls - Grid/Sheet */
    --GridSheet-Control-Border: var(--Control-Border);
    --GridSheet-ColumnHeaderArea-Background: var(--Content-Toolbar-Background);
    --GridSheet-ColumnHeaderArea-Foreground: var(--Content-Toolbar-Foreground);
    --GridSheet-ColumnHeaderArea-Border: var(--Content-Toolbar-Border);
    --GridSheet-ColumnHeader-Background: var(--Content-Toolbar-Background);
    --GridSheet-ColumnHeader-Foreground: var(--Content-Toolbar-Foreground);
    --GridSheet-ColumnHeader-Sort-Icon-Foreground: var(--Content-Toolbar-Foreground);
    --GridSheet-ColumnHeader-Divider: var(--Content-Toolbar-Divider);
    --GridSheet-ColumnHeader-Divider-Active: var(--Content-Toolbar-Border);
    --GridSheet-ColumnHeader-Filter-Background: var(--Control-Background);
    --GridSheet-ColumnHeader-Filter-Foreground: var(--Control-Foreground);
    --GridSheet-ColumnHeader-Filter-Border: var(--Control-Border);
    --GridSheet-ColumnHeader-Filter-Border-Bottom: var(--Control-Border-Bottom);
    --GridSheet-ColumnHeader-Filter-Padding: 2px 4px;
    --GridSheet-ColumnHeader-Title-Label-Font-Weight: normal;
    --GridSheet-PinnedColumn-Separator: var(--Content-Toolbar-Border);
    
    --GridSheet-GroupByArea-Background: var(--Content-Background);
    --GridSheet-GroupByArea-Foreground: var(--Control-Disabled-Foreground);
    --GridSheet-GroupByArea-Border-Bottom: 1px solid var(--Content-Border);
    --GridSheet-GroupByArea-Item-Background: #CCCCCC;
    --GridSheet-GroupByArea-Item-Foreground: var(--Control-Foreground);
    --GridSheet-GroupByArea-Item-Close-Background: transparent;
    --GridSheet-GroupByArea-Item-Close-Foreground: var(--Content-Secondary-Foreground);
    --GridSheet-GroupByArea-Item-Close-Hover-Background: #BDBDBD;
    --GridSheet-GroupByArea-Item-Close-Hover-Foreground: var(--GridSheet-GroupByArea-Item-Foreground);
    --GridSheet-GroupByArea-Item-DragDrop-Indicator: 1px dotted var(--Content-Secondary-Foreground);
    --GridSheet-GroupByArea-Item-Name-Font-Weight: normal;

    --GridSheet-RowArea-Background: var(--Control-Background);
    --GridSheet-RowHeader-Background: var(--Content-Toolbar-Background);
    --GridSheet-RowHeader-Foreground: var(--Content-Toolbar-Foreground);
    --GridSheet-RowHeader-Border: var(--Content-Toolbar-Border);
    --GridSheet-Row-Background: var(--Control-Item-Background);
    --GridSheet-Row-Foreground: var(--Control-Item-Foreground);
    --GridSheet-Row-Alternate-Background: var(--Control-Item-Alternate-Background);
    --GridSheet-Row-Alternate-Foreground: var(--Control-Item-Alternate-Foreground);
    --GridSheet-Row-Hover-Background: var(--Control-Item-Hover-Background);
    --GridSheet-Row-Hover-Foreground: var(--Control-Item-Hover-Foreground);
    --GridSheet-Row-Selected-Background: var(--Control-Item-Selected-Background);
    --GridSheet-Row-Selected-Foreground: var(--Control-Item-Selected-Foreground);
    --GridSheet-Row-Selected-Button-Background: undefined;
    --GridSheet-Row-Selected-Button-Foreground: var(--Control-Button-Disabled-Foreground);
    --GridSheet-Row-Inactive-Selected-Background: var(--Control-Item-Inactive-Selected-Background);
    --GridSheet-Row-Inactive-Selected-Foreground: var(--Control-Item-Inactive-Selected-Foreground);
    --GridSheet-Row-Deleted-Background: var(--Control-Disabled-Background);
    --GridSheet-Row-Deleted-Foreground: var(--Control-Disabled-Foreground);
    --GridSheet-Row-Cell-Padding: 4px 6px;
    --GridSheet-Row-Cell-Edit-Background: var(--Control-Background);
    --GridSheet-Row-Cell-Edit-Foreground: var(--Control-Foreground);
    --GridSheet-Row-Cell-Edit-Padding: var(--GridSheet-Row-Cell-Padding);
    --GridSheet-Row-Cell-TextBox-Border: var(--Control-TextBox-Border);
    --GridSheet-Row-Cell-TextBox-Border-Bottom: var(--Control-TextBox-Border-Bottom);
    --GridSheet-Row-Cell-Button-Border: var(--Control-Button-Border);
    --GridSheet-Row-Cell-Multiline-Border: var(--Control-TextBox-Border);

    --Sheet-Row-Selected-Background: var(--GridSheet-Row-Selected-Background);
    --Sheet-Row-Selected-Foreground: var(--GridSheet-Row-Selected-Foreground);
    --Sheet-Row-Inactive-Selected-Background: var(--GridSheet-Row-Inactive-Selected-Background);
    --Sheet-Row-Inactive-Selected-Foreground: var(--GridSheet-Row-Inactive-Selected-Foreground);

    --SheetInPanel-Row-Selected-Background: var(--GridSheet-Row-Selected-Background);
    --SheetInPanel-Row-Selected-Foreground: var(--GridSheet-Row-Selected-Foreground);
    --SheetInPanel-Row-Inactive-Selected-Background: var(--GridSheet-Row-Inactive-Selected-Background);
    --SheetInPanel-Row-Inactive-Selected-Foreground: var(--GridSheet-Row-Inactive-Selected-Foreground);

    --Sheet-Row-Cell-Button-Background: var(--Control-Button-Background);
    --Sheet-Row-Cell-Button-Foreground: var(--Control-Button-Foreground);
    --Sheet-Row-Cell-Button-Border: var(--Control-Button-Border);    
    
    /* Controls - CardView */
    --Grid-CardView-Background: var(--Control-Background);
    --Grid-CardView-Foreground: var(--Control-Foreground);
    --Grid-CardView-Margin: 10px 10px 0px 0px;
    --Grid-CardView-Border: 1px solid var(--Content-Border);
    --Grid-CardView-Divider: 1px solid var(--Content-Divider);
    --Grid-CardView-Header-FontSize: var(--Content-FontSize);
    --Grid-CardView-Header-Background: var(--Content-Toolbar-Background);
    --Grid-CardView-Header-Foreground: var(--Content-Toolbar-Foreground);
    --Grid-CardView-Header-Border-Bottom: var(--Grid-CardView-Border);
    --Grid-CardView-Footer-FontSize: var(--Content-FontSize);
    --Grid-CardView-Footer-Background: var(--Content-Toolbar-Background);
    --Grid-CardView-Footer-Foreground: var(--Content-Toolbar-Foreground);
    --Grid-CardView-Footer-Border-Top: 1px solid var(--Grid-CardView-Border);
    --Grid-CardView-Hover-Background: var(--Control-Item-Hover-Background);
    --Grid-CardView-Hover-Foreground: var(--Control-Item-Hover-Foreground);
    --Grid-CardView-Hover-Divider: 1px solid var(--Content-Divider);
    --Grid-CardView-Hover-Header-Background: var(--Control-Item-Hover-Background);
    --Grid-CardView-Hover-Header-Foreground: var(--Control-Item-Hover-Foreground);
    --Grid-CardView-Hover-Header-Border-Bottom: var(--Grid-CardView-Header-Border-Bottom);
    --Grid-CardView-Hover-Footer-Background: var(--Control-Item-Hover-Background);
    --Grid-CardView-Hover-Footer-Foreground: var(--Control-Item-Hover-Foreground);
    --Grid-CardView-Hover-Footer-Border-Top: 1px solid var(--Grid-CardView-Footer-Border-Top);

    /* Controls - Image */
    --Control-Image-Border: var(--Control-Border);
    --Control-Image-Background: var(--Control-Background);
    --Control-Image-Empty-Border: var(--Control-Border);

    /* Controls - Label */
    --Control-Label-Foreground: var(--Control-Foreground);
    --Control-Label-Margin: 0.44em 0.14508928571428573em 0.14508928571428573em;

    /* Controls */
    --Control-Margin: 0.14508928571428573em;

    /* Controls - ListBox */
    --Control-ListBox-Foreground: var(--Control-Foreground);
    --Control-ListBox-Background: var(--Control-Background);
    --Control-ListBox-Border: var(--Control-Border);
    --Control-ListBox-Disabled-Background: var(--Control-Disabled-Background);
    --Control-ListBox-Disabled-Foreground: var(--Control-Disabled-Foreground);
    --Control-ListBox-Disabled-Border: var(--Control-Disabled-Border);
    --Control-ListBox-Required-Background: var(--Control-Required-Background);
    --Control-ListBox-Required-Foreground: var(--Control-Required-Foreground);
    --Control-ListBox-Required-Border: 1px solid var(--Control-Required-Border);
    --Control-ListBox-Item-Background: var(--Control-Item-Background);
    --Control-ListBox-Item-Foreground: var(--Control-Item-Foreground);
    --Control-ListBox-Item-Hover-Background: var(--Control-Item-Hover-Background);
    --Control-ListBox-Item-Hover-Foreground: var(--Control-Item-Hover-Foreground);
    --Control-ListBox-Item-Selected-Background: var(--Control-Item-Selected-Background);
    --Control-ListBox-Item-Selected-Foreground: var(--Control-Item-Selected-Foreground);

    /* Controls - RadioButton */
    --Control-RadioButton-Background: var(--Control-Background);
    --Control-RadioButton-Foreground: var(--Control-Foreground);
    --Control-RadioButton-Border: var(--Control-Border);
    --Control-RadioButton-Label-Foreground: var(--Control-Foreground);    
    --Control-RadioButton-Checked-Background: var(--Control-RadioButton-Background);
    --Control-RadioButton-Checked-Foreground: var(--Control-RadioButton-Foreground);
    --Control-RadioButton-Checked-Border: var(--Control-RadioButton-Border);
    --Control-RadioButton-Required-Background: var(--Control-Required-Background);
    --Control-RadioButton-Required-Foreground: var(--Control-Required-Foreground);
    --Control-RadioButton-Required-Border: 1px solid var(--Control-Required-Border);
    --Control-RadioButton-Disabled-Background: var(--Control-Disabled-Background);
    --Control-RadioButton-Disabled-Foreground: var(--Control-Disabled-Foreground);
    --Control-RadioButton-Disabled-Border: var(--Control-Disabled-Border);

    /* Controls - Tab */
    --Control-TabArea-Background: transparent;
    --Control-TabArea-Border: var(--Control-Border);
    --Control-TabItem-Background: transparent;
    --Control-TabItem-Foreground: var(--Control-Secondary-Foreground);
    --Control-TabItem-Font-Weight: normal;
    --Control-TabItem-Hover-Background: var(--Control-TabItem-Background);
    --Control-TabItem-Hover-Foreground: var(--Control-Foreground);
    --Control-TabItem-Hover-Bottom-Background: var(--Content-Border);
    --Control-TabItem-Selected-Background: transparent;
    --Control-TabItem-Selected-Foreground: var(--Control-Foreground);
    --Control-TabItem-Selected-Bottom-Background: var(--Accent-Color);
    --Control-TabItem-Selected-Font-Weight: 500;

    /* Controls - TextBox */
    --Control-TextBox-Background: var(--Control-Background);    
    --Control-TextBox-Foreground: var(--Control-Foreground);
    --Control-TextBox-Border: var(--Control-Border);
    --Control-TextBox-Border-Bottom: var(--Control-Border-Bottom);
    --Control-TextBox-Border-Bottom-Left-Radius: 2px;
    --Control-TextBox-Border-Bottom-Right-Radius: 2px;
    --Control-TextBox-Disabled-Background: var(--Control-Disabled-Background);
    --Control-TextBox-Disabled-Foreground: var(--Control-Disabled-Foreground);
    --Control-TextBox-Disabled-Border: var(--Control-Disabled-Border);
    --Control-TextBox-Disabled-Border-Bottom: var(--Control-Disabled-Border-Bottom);
    --Control-TextBox-Required-Background: var(--Control-Required-Background);
    --Control-TextBox-Required-Foreground: var(--Control-Required-Foreground);
    --Control-TextBox-Required-Border: var(--Control-Required-Border);
    --Control-TextBox-Required-Border-Bottom: var(--Control-Required-Border-Bottom);
    --Control-TextBox-Focused-Outline: auto;

    --Control-Enhanced-Border: var(--Control-TextBox-Border);
    --Control-Enhanced-Border-Bottom: var(--Control-TextBox-Border-Bottom);
    --Control-Enhanced-Disabled-Background: var(--Control-Background);
    --Control-Enhanced-Disabled-Foreground: var(--Control-Disabled-Foreground);
    --Control-Enhanced-Disabled-Border: 1px solid #D3D3D3;
    --Control-Enhanced-Disabled-Border-Bottom: 1px solid #D3D3D3;

    --Control-Multiline-Border: var(--Control-Border);
    --Control-Multiline-Border-Bottom: var(--Control-Border-Bottom);
    --Control-Multiline-Disabled-Background: var(--Control-Background);
    --Control-Multiline-Disabled-Foreground: var(--Control-Disabled-Foreground);
    --Control-Multiline-Disabled-Border: 1px solid #D3D3D3;
    --Control-Multiline-Disabled-Border-Bottom: var(--Control-Multiline-Disabled-Border);

    /* Controls - Timeline */
    --Control-Timeline-Foreground: var(--Control-Foreground);
    --Control-Timeline-Background: var(--Control-Background);
    --Control-Timeline-Border: var(--Control-Border);

    /* Controls - Tree */
    --Control-Tree-Background: var(--Control-Item-Background);
    --Control-Tree-Foreground: var(--Control-Item-Foreground);
    --Control-Tree-Border: var(--Control-Border);
    --Control-Tree-Icon-Foreground: var(--Control-Item-Icon-Foreground);
    --Control-Tree-Hover-Background: var(--Control-Item-Hover-Background);
    --Control-Tree-Hover-Foreground: var(--Control-Item-Hover-Foreground);
    --Control-Tree-Hover-Icon-Foreground: var(--Control-Item-Hover-Icon-Foreground);
    --Control-Tree-Selected-Background: var(--Control-Item-Selected-Background);
    --Control-Tree-Selected-Foreground: var(--Control-Item-Selected-Foreground);
    --Control-Tree-Selected-Icon-Foreground: var(--Control-Item-Selected-Icon-Foreground);

/**** Charts ****/
    --ChartBarColor: #747775;
    --ChartBarColor1: #842B37;
    --ChartBarColor2: #63842B;
    --ChartBarColor3: #2B8478;
    --ChartBarColor4: #2B5B84;
    --ChartBarColor5: #4B2B84;
    --ChartDataLabelColor: #FFFFFF;
    --ChartDataLabelColor1: #FFFFFF;
    --ChartDataLabelColor2: #FFFFFF;
    --ChartDataLabelColor3: #FFFFFF;
    --ChartDataLabelColor4: #FFFFFF;
    --ChartDataLabelColor5: #FFFFFF;
    --Chart-Background: var(--Content-Background);
    --Chart-Foreground: var(--Content-Foreground);
    --Chart-Gauge-Radial-Value-Foreground: var(--Content-Foreground);
    --Chart-Gauge-Linear-Foreground: var(--Content-Foreground);
    --Chart-Gauge-Linear-Tick: var(--Content-Foreground);

/**** Dashboards ****/
    --Dashboard-Cell-Background: var(--Control-Background);
    --Dashboard-Cell-Foreground: var(--Control-Foreground);
    --Dashboard-Cell-Border: 1px solid var(--Content-Border);
    --Dashboard-Cell-Title-Background: var(--Accent-Color);
    --Dashboard-Cell-Title-Foreground: var(--Accent-Color-Foreground);
    --Dashboard-Cell-Title-Border-Bottom: 1px solid transparent;
    --Dashboard-Cell-Title-Options-Background: transparent;
    --Dashboard-Cell-Title-Options-Foreground: inherit;
    --Dashboard-Cell-Title-Options-Hover-Background: var(--Accent-Color-Secondary);
    --Dashboard-Cell-Title-Options-Hover-Foreground: inherit;
    --Dashboard-Cell-Footer-Background: transparent;
    --Dashboard-Cell-Footer-Foreground: var(--Control-Secondary-Foreground);
    --Dashboard-Cell-Footer-Border-Bottom: 1px solid transparent;
    --Dashboard-Resizer: 1px dashed var(--Control-Border);
}