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

$spreadsheet-ribbon-skin: 'Material3' !default;
$file-menu-wrap-padding: 0 !default;
$drop-icon-margin: 12px 6px !default;
$bigger-drop-icon-margin: 16px 5px !default;
$spreadsheet-ribbon-border-color: rgba($border-light) !default;
$spreadsheet-ribbon-border: 1px solid $spreadsheet-ribbon-border-color !default;
$spreadsheet-ribbon-hover-text-color: $primary-bg-color-pressed !default;
$spreadsheet-ribbon-comb-icon-color:  rgba($icon-color) !default;
$spreadsheet-ribbon-content-bg-color: rgba($content-bg-color) !default;
$spreadsheet-ribbon-header-bg-color: $content-bg-color-alt1 !default;
$spreadsheet-ribbon-focused-wrap-focus-border-color: rgba($icon-color) !default;
$separator-border-color: rgba($border-light) !default;
$expand-icon-color: rgba($icon-color) !default;
$spreadsheet-ribbon-focus-bg-color: $transparent !default;
$spreadsheet-ribbon-focus-text-color: $primary-bg-color-pressed !default;
$spreadsheet-ribbon-drop-icon-font-size: $text-sm !default;
$bigger-spreadsheet-ribbon-drop-icon-font-size: $font-icon-14 !default;
$ribbon-tab-bg-color: $content-bg-color-alt2 !default;
$bigger-tab-file-menu-font-size: $font-icon-14 !default;
$spreadsheet-file-menu-selected-bg: rgba($primary) !default;
$spreadsheet-file-menu-selected-color: rgba($on-primary) !default;
$spreadsheet-ribbon-content-tbar-border-color: transparent !default;
$spreadsheet-ribbon-tab-text-wrap-height: 32px !default;
$bigger-spread-ribbon-tab-text-wrap-height: 48px !default;
$bigger-spread-ribbon-tab-menu-items-height: 41px !default;
$bigger-spread-ribbon-tab-menu-items-line-height: 41px !default;
$spread-ribbon-font-weight-bold: bold !default;
$spread-ribbon-border-radius-4: $radius-4 !default;
$spreadsheet-ai-btn-top: 4px !default;
$spreadsheet-ai-btn-right: 31px !default;
$spreadsheet-ai-btn-left: 31px !default;
$spreadsheet-ai-btn-height: 32px !default;
$spreadsheet-ai-btn-width: 149px !default;
$spreadsheet-ai-btn-border-radius: 4px !default;
$spreadsheet-ai-btn-border-color: #79747e !default;
$bigger-spreadsheet-ai-btn-top: 5px !default;
$bigger-spreadsheet-ai-btn-right: 30px !default;
$bigger-spreadsheet-ai-btn-left: 30px !default;
$bigger-spreadsheet-ai-btn-height: 38px !default;
$spreadsheet-ribbon-action-height: 40px !default;
$spreadsheet-ribbon-action-border-width: 0 !default;
$spreadsheet-ribbon-action-border-style: none !default;
$spreadsheet-ribbon-action-border-color: null !default;
$spreadsheet-ribbon-action-width: $spreadsheet-ai-btn-width + $spreadsheet-ai-btn-right !default;
$bigger-spreadsheet-ribbon-action-height: 48px !default;
$bigger-spreadsheet-ribbon-action-width: $spreadsheet-ai-btn-width + $bigger-spreadsheet-ai-btn-right !default;
