// Component background colors (needed by forms-vars)
$component-background-default: var(--c8y-component-background-default, var(--c8y-root-component-background-default));

$component-border-width:                        var(--c8y-component-border-width, var(--c8y-root-component-border-width));
$component-border-style:                        var(--c8y-component-border-style, var(--c8y-root-component-border-style));
$component-border-radius-base:                  var(--c8y-component-border-radius-base, var(--c8y-root-component-border-radius-base));
$component-border-radius-large:                 var(--c8y-component-border-radius-large, var(--c8y-root-component-border-radius-large));
$component-border-radius-small:                 var(--c8y-component-border-radius-small, var(--c8y-root-component-border-radius-small));
$component-border-radius-focus:                 var(--c8y-component-border-radius-focus, var(--c8y-root-component-border-radius-focus));

$component-border-caret-width:                  var(--c8y-component-border-caret-width, var(--c8y-root-component-border-caret-width));

$component-padding-base-horizontal:             var(--c8y-component-padding-base-horizontal, var(--c8y-root-component-padding-base-horizontal));
$component-padding-base-vertical:               var(--c8y-component-padding-base-vertical, var(--c8y-root-component-padding-base-vertical));
$component-padding-large-horizontal:            var(--c8y-component-padding-large-horizontal, var(--c8y-root-component-padding-large-horizontal));
$component-padding-large-vertical:              var(--c8y-component-padding-large-vertical, var(--c8y-root-component-padding-large-vertical));
$component-padding-small-horizontal:            var(--c8y-component-padding-small-horizontal, var(--c8y-root-component-padding-small-horizontal));
$component-padding-small-vertical:              var(--c8y-component-padding-small-vertical, var(--c8y-root-component-padding-small-vertical));
$component-padding-xs-horizontal:               var(--c8y-component-padding-xs-horizontal, var(--c8y-root-component-padding-xs-horizontal));
$component-padding-xs-vertical:                 var(--c8y-component-padding-xs-vertical, var(--c8y-root-component-padding-small-vertical));
$component-padding:                             var(--c8y-component-padding, var(--c8y-root-component-padding-default));
$component-actions-opacity:                     var(--c8y-component-actions-opacity, var(--c8y-root-component-actions-opacity));
