@use 'sass:color';
@use '../base/common/base-variables' as *;

$fb-container-border-color: $grey-88 !default;
$fb-main-header-border-color: $fb-container-border-color;
$fb-main-header-bg-color: $gray-base;
$fb-main-header-separator-color: $fb-container-border-color;
$fb-pane-bg-color: $gray-base;
$fb-heading-text-color: $grey-light-font;
$fb-palette-item-border-color: $grey-88;
$fb-palette-icon-color: $grey-light-font;
$fb-palette-item-text-color: $fb-palette-icon-color;
$fb-pane-button-bg-color: $gray-base;
$fb-pane-button-border-color: $grey-lighter;
$fb-expand-btn-height: 34px;
$fb-expand-btn-width: 34px;
$fb-expand-right-padding: 0 0 0 2px;
$fb-expand-left-padding: 0;

$fb-color-background: #ffffff !default;
$fb-color-line-color: #ffffff !default;
$fb-drop-zone-border-color: #ffffff !default;
$fb-color-surface: #ffffff !default;
$fb-color-on-surface: #ffffff !default;
$fb-color-on-surface-variant: #ffffff !default;
$fb-anchor-highlight-color: #ffffff;
$fb-color-scrim: #ffffff !default;

$fb-repeat-icon-color: $fb-palette-icon-color;

$fb-topbar-height: 3.1rem !default;
$fb-sidebar-width: 18rem !default;
$fb-footer-height: 57px !default;
$fb-ridesidebar-width: 18rem !default;
$fb-form-width: 500px !default;
$fb-menu-margin: -3px !default;

$fb-nav-weight: 500;
$fb-nav-active-weight: 500;
$fb-palette-label-weight: 500;
$fb-context-menu-item-border-width: 1px;

$fb-spacing: 1rem !default;
$fb-spacing-sm: .5rem !default;
$fb-spacing-lg: 1.5rem !default;

$fb-font-family: $font-family !default;
$fb-font-size: 12px !default;
$fb-font-size-sm: 12px !default;
$fb-font-size-xs: 12px !default;
$fb-font-size-lg: 12px !default;
$fb-letter-spacing: .00714286em !default;
$fb-border-radius: .25rem !default;

$fb-dragover-border-color: #ffffff !default;
$fb-dragover-background-color: #ffffff !default;
$fb-jsonview-header-color: $content-bg-color !default;
$fb-jsonview-border-color: #ffffff !default;
$fb-jsonview-text-color: #ffffff !default;
$fb-jsonview-background-color: $fb-color-surface;
$fb-hint-text-color: #ffffff !default;
$fb-dashboard-heading-color: #ffffff !default;
$fb-dashboard-subtitle-color: #ffffff !default;
$fb-json-input-shadow-color: #ffffff !default;
$fb-shadow-md: none !default;
$fb-toolbar-active-bg-color: #ffffff !default;
$fb-toolbar-active-border-color: #ffffff !default;
$fb-toolbar-content-color: #ffffff !default;
$fb-jsonview-border-color: $primary !default;
$fb-menu-color: #ffffff !default;
$fb-field-label-error-color: #f44336 !default;
$fb-bg-surface-color: $fb-color-line-color;
$fb-right-pane-bg-color: $fb-color-background;
$fb-action-buttons-bg-color: $fb-color-surface;
$fb-toolbox-icons-hover-color: $fb-anchor-highlight-color;
$fb-main-header-height: 48px;
$fb-main-header-height-bigger: 52px;
$fb-mode-button-height: 34px;
$fb-mode-button-height-bigger: 40px;
$fb-bottom-toolbar-box-shadow: none;
$fb-right-pane-close-btn-color: $fb-color-on-surface-variant;
$fb-left-pane-header-border-width: 1px;
$fb-reset-btn-height: 28px;
$fb-reset-btn-height-bigger: 36px;