/* Bosui Dark Theme */
:root {
    /* Color Palette */
    --bosui-background-color: #1a1a1a;
    --bosui-primary-color: #8460bf;
    --bosui-primary-darker-color: #7855b2;
    --bosui-primary-hover-color: #9772d3;
    --bosui-secondary-color: #e56868;
    --bosui-secondary-hover-color: #f17777;
    --bosui-warning-color: #f7ba5a;
    --bosui-warning-hover-color: #fbc36c;
    --bosui-danger-color: #e74c3c;
    --bosui-danger-hover-color: #f16559;
    --bosui-button-text-outlined-color: #ffffff;
    --bosui-button-text-color: #ffffff;
    --bosui-success-color: #2ecc71;
    --bosui-white-color: #ffffff;
    --bosui-light-color: #2c3e50;
    --bosui-dark-color: #1a252f;
    --bosui-primary-text-color: #ffffff;
    --bosui-secondary-text-color: #424242;
    --bosui-switch-color: #ffffff;
    --bosui-element-color: #242424;
    --bosui-element-off-color: #303030;
    --bosui-seperator-color: #232323;
    /* Typography */
    --bosui-font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --bosui-font-size-base: 1rem;
    /* Border */
    --bosui-border-color: #495057;
    --bosui-border-color-focus: #5f6871;
    /* Dropdown */
    --bosui-dropdown-chip-color: var(--bosui-primary-text-color);
    /* Switch */
    --bosui-switch-height: 30px;
    --bosui-switch-width: 60px;
    --bosui-switch-inner-left: 0;
    --bosui-switch-inner-bottom: 0;
    --bosui-switch-background-color: var(--bosui-background-color);
    --bosui-switch-filter-active: brightness(1);
    --bosui-switch-filter-inactive: brightness(.5);
    /* Table */
    --bosui-table-header-background-color: var(--bosui-background-color);
    --bosui-table-body-background-color: var(--bosui-background-color);
}

body {
    scrollbar-width: thin;
    scrollbar-color: var(--bosui-scrollbar-thumb-color) var(--bosui-scrollbar-track-color);
}