/* Bosui Default Theme Template */
/* Copy this file to your project and modify the variables to create your own theme */

:root {
    /* Color Palette */
    --bosui-background-color: #f3f3f3;
    --bosui-primary-color: #0366d6;
    --bosui-primary-darker-color: #01448f;
    --bosui-primary-hover-color: #0255b3;
    --bosui-secondary-color: #e56868;
    --bosui-secondary-hover-color: #ee6f6f;
    --bosui-warning-color: #f7ba5a;
    --bosui-warning-hover-color: #fbc36c;
    --bosui-danger-color: #dc3545;
    --bosui-danger-hover-color: #c82333;
    --bosui-success-color: #28a745;
    --bosui-white-color: #ffffff;
    --bosui-light-color: #f8f9fa;
    --bosui-dark-color: #343a40;
    --bosui-primary-text-color: #424242;
    --bosui-secondary-text-color: #ffffff;
    --bosui-switch-color: #ffffff;
    --bosui-element-color: #ffffff;
    --bosui-element-off-color: #eeeeee;
    --bosui-seperator-color: #e6e6e6;
    /* Typography */
    --bosui-font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --bosui-font-size-base: 1rem;
    --bosui-line-height: 1.5;
    /* Spacing */
    --bosui-spacing-xs: 0.25rem;
    --bosui-spacing-sm: 0.5rem;
    --bosui-spacing-md: 1rem;
    --bosui-spacing-lg: 1.5rem;
    --bosui-spacing-xl: 3rem;
    /* Border */
    --bosui-border-radius: 0.25rem;
    --bosui-border-width: 1px;
    --bosui-border-style: solid;
    --bosui-border-color: #dee2e6;
    --bosui-border-color-focus: #c9cbce;
    /* Transition */
    --bosui-transition-speed: 0.2s;
    --bosui-transition-timing: ease-in-out;
    /* Button Specific */
    --bosui-button-padding-y: 0.5rem;
    --bosui-button-padding-x: 1rem;
    --bosui-button-disabled-opacity: 0.65;
    /* Dropdow */
    --bosui-dropdown-chip-color: var(--bosui-secondary-text-color);
    /* Table */
    --bosui-table-header-background-color: var(--bosui-white-color);
    --bosui-table-body-background-color: var(--bosui-white-color);
}
body {
    scrollbar-width: thin;
    scrollbar-color: var(--bosui-scrollbar-thumb-color) var(--bosui-scrollbar-track-color);
}