:root {
    --color-Primary: #C08252;
    --color-Primary-Dark: #a06c43;
    --color-Primary-Light: #F5ECE5;
    --color-Primary-SemiLight: #EEDDD0;
    --color-Primary-Opacity: var(--color-Primary-Light);
    --color-Secondary: #C6C243;
    --color-Secondary-Light: #e9e691;
    --color-Secondary-Dark: #a7a331;
    --color-Secondary-Opacity: #c6c24320;
    --color-Danger: #ff6d6d;
    --color-Danger-Dark: #ed3b3b;
    --color-Warning: #ffb47c;
    --color-Warning-Dark: #e68a0a;
    --color-Control-Border: #dcdcdc;
    --color-Control-Border-Focus: var(--color-Primary);
    --color-Control-Shadow-Focus: #c0825225;
    /*SIDEBAR*/
    --color-SideBar-BG: var(--color-Primary-Light);
    --fontSize-ButtonMenu: 13px;
    /*BUTTON MENU*/
    --color-ButtonMenu-BG: Transparent;
    --color-ButtonMenu-FG: Black;
    --color-ButtonMenu-Hover-BG: var(--color-Secondary-Light);
    --color-ButtonMenu-Hover-FG: Black;
    --color-ButtonMenu-Active-BG: var(--color-Secondary);
    --color-ButtonMenu-Active-FG: Black;
    /*BUTTON MENU EXPANDER*/
    --color-ButtonMenuExpander-BG: Transparent;
    --color-ButtonMenuExpander-FG: #000000;
    --color-ButtonMenuExpander-Hover-BG: var(--color-ButtonMenu-Hover-BG);
    --color-ButtonMenuExpander-Hover-FG: Black;
    --color-ButtonMenuExpander-Active-BG: var(--color-Secondary);
    --color-ButtonMenuExpander-Active-FG: Black;
    /*DATAGRID*/
    --color-DataGrid-Row-Hover-BG: #F0EBE8;
    --color-DataGrid-Row-Hover-FG: Balck;
    --color-DataGrid-Row-Border-Bottom: var(--color-DataGrid-Border);
    --color-DataGrid-Border: #e8ecf1;
    --color-DataGrid-BG: #ffffff;
    --color-DataGrid-Hover-BG: #f7fafc;
    --color-DataGrid-FG: #2d3748;
    --color-DataGrid-FG-Muted: #8896a6;
    --color-DataGrid-ToolBar-BG: #ffffff;
    --color-DataGrid-FilterArea-GB: White;
    --color-DataGrid-Pagination-BG: #ffffff;
    --color-DataGrid-Pagination-FG: #8896a6;
    --color-DataGrid-Pagination-Hover-BG: #EBEBEB;
    --color-DataGrid-Pagination-Hover-FG: #000000;
    --color-DataGrid-Pagination-Active-BG: #e1e1e1;
    --color-DataGrid-Pagination-Active-FG: Black;
    --color-DataGrid-Pagination-Active-SHADOW: #6c8aac;
    --color-DataGrid-FilterButton-Hover-BG: #e6e6e6;
    --color-DataGrid-FilterButton-Hover-FG: var(--color-Primary);
    --color-DataGrid-FilterButton-Active-BG: #ffffff;
    --color-DataGrid-FilterButton-Active-FG: var(--color-Primary);
    --DataGrid-Radius: 12px;
    --DataGrid-Radius-SM: 8px;
    --DataGrid-Shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.03);
    --DataGrid-Font: 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
    --DataGrid-Transition: 0.2s ease;
    /*TEXTBOX*/
    --color-TextBox-BG: #F9F9F9;
    --color-TextBox-FG: #2d3748;
    --color-TextBox-Border: var(--color-Control-Border);
    --color-TextBox-Placeholder: #8896a6;
    --color-TextBox-Focus-Border: var(--color-Control-Border-Focus);
    --color-TextBox-Focus-Shadow: var(--color-Control-Shadow-Focus);
    --TextBox-Radius: 10px;
    /*DROPDOWNLIST*/
    --color-DropDownList-BG: var(--color-TextBox-BG);
    --color-DropDownList-FG: #2d3748;
    --color-DropDownList-Border: var(--color-Control-Border);
    --color-DropDownList-Placeholder: #8896a6;
    --color-DropDownList-Focus-Border: var(--color-Control-Border-Focus);
    --color-DropDownList-Focus-Shadow: var(--color-Control-Shadow-Focus);
    --color-DropDownList-Hover-BG: var(--color-ButtonMenu-Hover-BG);
    --color-DropDownList-Selected-BG: var(--color-ButtonMenu-Active-BG);
    --color-DropDownList-Selected-FG: Black;
    --DropDownList-Radius: 10px;
    /*DATETIMEPICKER*/
    --color-DateTimePicker-BG: var(--color-TextBox-BG);
    --color-DateTimePicker-FG: #2d3748;
    --color-DateTimePicker-Border: #e8ecf1;
    --color-DateTimePicker-Placeholder: #8896a6;
    --color-DateTimePicker-Focus-Border: var(--color-Control-Border-Focus);
    --color-DateTimePicker-Focus-Shadow: var(--color-Control-Shadow-Focus);
    --color-DateTimePicker-Selected-BG: var(--color-Secondary);
    --color-DateTimePicker-Selected-FG: Black;
    --color-DateTimePicker-Today-Border: var(--color-Secondary);
    --color-DateTimePicker-Hover-BG: #f7fafc;
    --DateTimePicker-Radius: 10px;
    /*NUMERICUPDOWN*/
    --color-NumericUpDown-BG: var(--color-TextBox-BG);
    --color-NumericUpDown-FG: #2d3748;
    --color-NumericUpDown-Border: #e8ecf1;
    --color-NumericUpDown-Placeholder: #8896a6;
    --color-NumericUpDown-Focus-Border: var(--color-Control-Border-Focus);
    --color-NumericUpDown-Focus-Shadow: var(--color-Control-Shadow-Focus);
    --color-NumericUpDown-Btn-BG: transparent;
    --color-NumericUpDown-Btn-FG: #8896a6;
    --color-NumericUpDown-Btn-Hover-BG: #f7fafc;
    --color-NumericUpDown-Btn-Hover-FG: #2d3748;
    --NumericUpDown-Radius: 10px;
    /*CHECKBOX*/
    --color-CheckBox-BG: var(--color-TextBox-BG);
    --color-CheckBox-FG: #2d3748;
    --color-CheckBox-Border: #e8ecf1;
    --color-CheckBox-Hover-Border: var(--color-Primary);
    --color-CheckBox-Focus-Border: var(--color-Primary);
    --color-CheckBox-Focus-Shadow: rgba(77, 163, 232, 0.15);
    --color-CheckBox-Checked-BG: var(--color-Primary);
    --color-CheckBox-Checked-Border: var(--color-Primary);
    --color-CheckBox-Check-FG: #ffffff;
    --CheckBox-Radius: 4px;
    /*SWITCH*/
    --color-Switch-BG: var(--color-TextBox-BG);
    --color-Switch-FG: #2d3748;
    --color-Switch-Border: #e8ecf1;
    --color-Switch-Thumb: #8896a6;
    --color-Switch-Hover-Border: var(--color-Primary);
    --color-Switch-Focus-Border: var(--color-Primary);
    --color-Switch-Focus-Shadow: rgba(77, 163, 232, 0.15);
    --color-Switch-Checked-BG: var(--color-Primary);
    --color-Switch-Checked-Border: var(--color-Primary);
    --color-Switch-Checked-Thumb: #ffffff;
    --Switch-Radius: 11px;
    /*RADIOBUTTON*/
    --color-RadioButton-BG: var(--color-TextBox-BG);
    --color-RadioButton-FG: #2d3748;
    --color-RadioButton-Border: #e8ecf1;
    --color-RadioButton-Hover-Border: #4da3e8;
    --color-RadioButton-Focus-Border: #4da3e8;
    --color-RadioButton-Focus-Shadow: rgba(77, 163, 232, 0.15);
    --color-RadioButton-Checked-BG: #ffffff;
    --color-RadioButton-Checked-Border: #4da3e8;
    --color-RadioButton-Dot-FG: #4da3e8;
    /*CRUDBUTTON*/
    --CrudButton-Radius: 8px;
    --color-CrudButton-Focus-Shadow: rgba(77, 163, 232, 0.15);
    --color-CrudButton-Create-BG: var(--color-Primary);
    --color-CrudButton-Create-FG: #ffffff;
    --color-CrudButton-Create-Border: var(--color-Primary-Dark);
    --color-CrudButton-Create-Hover-BG: var(--color-Primary-Dark);
    --color-CrudButton-Edit-BG: var(--color-Warning);
    --color-CrudButton-Edit-FG: White;
    --color-CrudButton-Edit-Border: var(--color-Warning-Dark);
    --color-CrudButton-Edit-Hover-BG: var(--color-Warning-Dark);
    --color-CrudButton-Delete-BG: var(--color-Danger);
    --color-CrudButton-Delete-FG: White;
    --color-CrudButton-Delete-Border: var(--color-Danger-Dark);
    --color-CrudButton-Delete-Hover-BG: var(--color-Danger-Dark);
    --color-CrudButton-Save-BG: var(--color-Secondary);
    --color-CrudButton-Save-FG: Dark;
    --color-CrudButton-Save-Border: var(--color-Secondary-Dark);
    --color-CrudButton-Save-Hover-BG: var(--color-Secondary-Dark);
    --color-CrudButton-Cancel-BG: #f1f1f1;
    --color-CrudButton-Cancel-FG: #2d3748;
    --color-CrudButton-Cancel-Border: #e8ecf1;
    --color-CrudButton-Cancel-Hover-BG: #e2e2e2;
    --color-CrudButton-Submit-BG: var(--color-Primary);
    --color-CrudButton-Submit-FG: #ffffff;
    --color-CrudButton-Submit-Border: var(--color-Primary);
    --color-CrudButton-Submit-Hover-BG: #246680;
    --color-CrudButton-Submit-Active-BG: #1b4f63;
    --color-CrudButton-Custom-BG: #f1f1f1;
    --color-CrudButton-Custom-FG: #2d3748;
    --color-CrudButton-Custom-Border: #e8ecf1;
    --color-CrudButton-Custom-Hover-BG: #e2e2e2;
    /*MODAL*/
    --color-Modal-Overlay-BG: rgba(0, 0, 0, 0.45);
    --color-Modal-BG: #ffffff;
    --color-Modal-Border: #e8ecf1;
    --color-Modal-FG: #2d3748;
    --color-Modal-FG-Muted: #8896a6;
    --color-Modal-Close-Hover-BG: #f1f1f1;
    --Modal-Radius: 12px;
    --Modal-Shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
    /*GROUPBOX*/
    --color-GroupBox-Border: #e8ecf1;
    --color-GroupBox-BG: #ffffff;
    --color-GroupBox-FG: #2d3748;
    --GroupBox-Radius: 12px;
    --color-GroupBox-Legend-BG: var(--color-GroupBox-BG);
    /*EXPANDERCARD*/
    --color-ExpanderCard-Border: #e8ecf1;
    --color-ExpanderCard-BG: #ffffff;
    --color-ExpanderCard-FG: #2d3748;
    --color-ExpanderCard-Header-BG: var(--color-Primary-Light);
    --color-ExpanderCard-Header-Hover-BG: var(--color-Primary-SemiLight);
    --ExpanderCard-Radius: 12px;
    /*TABCONTROL*/
    --color-TabControl-BG: #ffffff;
    --color-TabControl-Border: #e8ecf1;
    --color-TabControl-Header-BG: var(--color-Primary-Opacity);
    --color-TabControl-Tab-FG: #8896a6;
    --color-TabControl-Tab-Hover-BG: var(--color-Primary-Light);
    --color-TabControl-Tab-Hover-FG: #2d3748;
    --color-TabControl-Tab-Active-FG: var(--color-Primary);
    --color-TabControl-Tab-Active-Border: var(--color-Primary);
    --TabControl-Radius: 12px;
    /*CHECKLIST*/
    --color-CheckList-BG: #ffffff;
    --color-CheckList-Border: #e8ecf1;
    --color-CheckList-FG: #2d3748;
    --color-CheckList-Row-Hover-BG: #f7fafc;
    --color-CheckList-Expander-FG: #8896a6;
    --CheckList-Radius: 10px;
    /*BRANCH PILL*/
    --color-BranchPill-Border: var(--color-Primary);
    --color-BranchPill-BG: var(--color-Primary-Opacity);
    --color-BranchPill-FG: var(--color-Primary);
    --color-BranchPill-BG-Hover: #c0825245;
    --color-BranchPill-FG-Hover: #aa774f;
    /*BRANCH BUTTON*/
    --color-BranchButton-BG: transparent;
    --color-BranchButton-FG: var(--color-Primary);
    --color-BranchButton-BG-Hover: #aa774f;
    /*TOAST*/
    --color-Toast-BG: #ffffff;
    --color-Toast-Border: #e8ecf1;
    --color-Toast-FG: #2d3748;
    --color-Toast-FG-Muted: #8896a6;
    --color-Toast-Close-Hover-BG: #f1f1f1;
    --Toast-Radius: 10px;
    --Toast-Shadow: 0 4px 16px rgba(0, 0, 0, 0.10), 0 1px 4px rgba(0, 0, 0, 0.06);
    --color-Toast-Info-Accent: #3b82f6;
    --color-Toast-Info-Accent-BG: #dbeafe;
    --color-Toast-Warning-Accent: #f59e0b;
    --color-Toast-Warning-Accent-BG: #fef3c7;
    --color-Toast-Error-Accent: #ef4444;
    --color-Toast-Error-Accent-BG: #fee2e2;
    /*FILEDROP*/
    --color-FileDrop-BG: var(--color-TextBox-BG);
    --color-FileDrop-Border: var(--color-Control-Border);
    --color-FileDrop-FG: var(--color-TextBox-FG);
    --color-FileDrop-FG-Muted: var(--color-TextBox-Placeholder);
    --color-FileDrop-Drag-BG: var(--color-Primary-Opacity);
    --color-FileDrop-Drag-Border: var(--color-Primary);
    --color-FileDrop-FileItem-BG: var(--color-TextBox-BG);
    --color-FileDrop-FileItem-Border: var(--color-Control-Border);
    --FileDrop-Radius: var(--TextBox-Radius);
    /*DASHBOARD*/
    --color-Dashboard-Card-BG: var(--color-DataGrid-BG);
    --color-Dashboard-Card-Border: var(--color-DataGrid-Border);
    --color-Dashboard-SectionLabel-FG: #2d3748;
    --color-Dashboard-CardLabel-FG: #5a6a7a;
    --color-Dashboard-Green: #28a745;
    --color-Dashboard-Green-BG: #28a74518;
    --color-Dashboard-Teal: #17a2b8;
    --color-Dashboard-Teal-BG: #17a2b818;
    --color-Dashboard-Blue: #0d6efd;
    --color-Dashboard-Blue-BG: #0d6efd18;
    --color-Dashboard-Purple: #6f42c1;
    --color-Dashboard-Purple-BG: #6f42c118;
    --color-Dashboard-Orange: #fd7e14;
    --color-Dashboard-Orange-BG: #fd7e1418;
    --color-Dashboard-Gray: #6c757d;
    --color-Dashboard-Gray-BG: #6c757d18;
    --color-Dashboard-Red: #dc3545;
    --color-Dashboard-Red-BG: #dc354518;
    /*BADGE*/
    --color-Badge-Success-BG: var(--color-Secondary-Light);
    --color-Badge-Success-FG: Dark;
    --color-Badge-Warning-BG: var(--color-Warning);
    --color-Badge-Warning-FG: Dark;
    --color-Badge-Danger-BG: var(--color-Danger);
    --color-Badge-Danger-FG: Dark;
    --color-Badge-Neutral-BG: #f1f5f9;
    --color-Badge-Neutral-FG: Dark;
    --color-Badge-Info-BG: #dbeafe;
    --color-Badge-Info-FG: Dark;
    --color-Badge-Primary-BG: var(--color-Primary-Light);
    --color-Badge-Primary-FG: var(--color-Primary-Dark);
    /*TOOLSTRIP*/
    --color-ToolStrip-BG: #f8fafc;
    --color-ToolStrip-Border: #e8ecf1;
    --color-ToolStrip-Btn-FG: #4a5568;
    --color-ToolStrip-Btn-Hover-BG: #edf2f7;
    --color-ToolStrip-Btn-Hover-FG: #2d3748;
    --color-ToolStrip-Btn-Active-BG: var(--color-Primary-Opacity);
    --color-ToolStrip-Btn-Active-FG: var(--color-Primary);
    --color-ToolStrip-Btn-Disabled-FG: #b0bac5;
    --color-ToolStrip-Separator: #dde1e7;
    --ToolStrip-Radius: 8px;
    --color-ToolStrip-Dropdown-BG: #ffffff;
    --color-ToolStrip-Dropdown-Border: #e8ecf1;
    --color-ToolStrip-Dropdown-Shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    --color-ToolStrip-Dropdown-Item-FG: #4a5568;
    --color-ToolStrip-Dropdown-Item-Hover-BG: #edf2f7;
    --color-ToolStrip-Dropdown-Item-Hover-FG: #2d3748;
    --color-ToolStrip-Dropdown-Item-Disabled-FG: #b0bac5;
    --color-ToolStrip-Dropdown-Separator: #e8ecf1;
    --ToolStrip-Dropdown-Radius: 8px;
}