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

$inline-ai-assist-bg: $flyout-bg-color !default;
$inline-ai-assist-popup-border-radius: 4px !default;
$inline-ai-assist-content-padding: 12px 12px 16px 12px !default;
$inline-ai-assist-content-border-radius: 4px 4px 0 0 !default;
$inline-ai-assist-response-line-height: 22px !default;
$inline-ai-assist-response-font-size: 14px !default;
$inline-ai-assist-tbar-btn-padding: 0 8px !default;
$inline-ai-assist-footer-padding: 5px 0 5px 5px !default;
$inline-ai-assist-stop-line-height: 14px !default;
$inline-ai-assist-stop-font-size: 14px !default;
$inline-ai-assist-footer-icons-wrapper-padding: 4px 8px 4px 0 !default;
$inline-ai-assist-footer-tbar-min-height: 30px !default;
$inline-ai-assist-footer-tbar-btn-padding: 4px !default;
$inline-ai-assist-textarea-min-height: 38px !default;
$inline-ai-assist-textarea-line-height: 20px !default;
$inline-ai-assist-textarea-padding: 9px 8px !default;
$inline-ai-assist-textarea-font-size: 14px !default;
$inline-ai-assist-footer-border-radius: 4px !default;
$inline-ai-assist-expanded-footer-icons-wrapper-padding: 4px 8px !default;
$inline-ai-assist-toolbar-bottom-footer-icons-wrapper-padding: 4px 8px 4px 0 !default;
$inline-ai-assist-send-font-size: 14px !default;

$inline-ai-assist-popup-border: 1px solid $border-light !default;
$inline-ai-assist-response-text-color: $content-text-color !default;
$inline-ai-assist-textarea-placeholder-color: $placeholder-text-color !default;
$inline-ai-assist-footer-focused-border-color: rgba(97, 97, 97, 1) !default;
$inline-ai-assist-send-color: $secondary-text-color-focus !default;
$inline-ai-assist-send-disabled-color: $secondary-text-color-disabled !default;
$inline-ai-assist-content-bg: $flyout-bg-color !default;
$inline-ai-assist-popup-box-shadow: $shadow-lg !default;
$inline-ai-assist-footer-bg: $flyout-bg-color !default;
$inline-ai-assist-content-border-bottom: 1px solid $border-light !default;
$inline-ai-assist-response-stopper-bg-color: $primary-lighter !default;
$inline-ai-assist-response-stopper-item-color: $primary !default;
$inline-ai-assist-text-selection-bg: $primary !default;
$inline-ai-assist-text-selection-color: $primary-text-color !default;

$inline-ai-assist-bigger-send-size: 16px !default;
$inline-ai-assist-bigger-bottom-icons-wrapper-padding: 8px 12px !default;
$inline-ai-assist-bigger-footer-icons-wrapper-padding: 5px 12px 5px 0 !default;
$inline-ai-assist-bigger-footer-tbar-min-height: 38px !default;
$inline-ai-assist-bigger-assist-textarea-min-height: 48px !default;
$inline-ai-assist-bigger-assist-textarea-line-height: 24px !default;
$inline-ai-assist-bigger-assist-textarea-padding: 12px !default;
$inline-ai-assist-bigger-assist-textarea-size: 16px !default;
$inline-ai-assist-response-stopper-height: 32px !default;
$inline-ai-assist-response-stopper-width: 32px !default;
$inline-ai-assist-stop-response-border-radius: 100px !default;
$inline-ai-assist-response-stopper-bigger-height: 38px !default;
$inline-ai-assist-response-stopper-bigger-width: 38px !default;
$inline-ai-assist-response-stopper-bigger-line-height: 20px !default;
$inline-ai-assist-response-stopper-bigger-font-size: 16px !default;
$inline-ai-assist-stop-padding-bigger: 11px !default;
$inline-ai-assist-indicator-wrapper-gap: 2px !default;
$inline-ai-assist-indicator-border-radius: 9999px !default;
$inline-ai-assist-indicator-bg: $content-bg-color-alt1 !default;
$inline-ai-assist-indicator-blink-bg: $primary !default;
