@use 'dlt-c8y-icons-vars';

$alert-background:                      var(--c8y-alert-background-default);
$alert-color:                           var(--c8y-alert-color-default);
$alert-icon-font-family:                var(--c8y-alert-status-symbol-font-family);
$alert-max-width:                       var(--c8y-alert-max-width);
$alert-border-width:                    var(--c8y-alert-border-width);
$alert-border-style:                    var(--c8y-alert-border-style);
$alert-status-symbol-size:              var(--c8y-alert-status-symbol-size);
$alert-padding:                         var(--c8y-alert-padding);

$alert-success-icon:                    var(--c8y-alert-success-icon, dlt-c8y-icons-vars.$dlt-c8y-icon-check-circle);
$alert-success-bg:                      $alert-background;
$alert-success-text:                    $alert-color;
$alert-success-border:                  var(--palette-status-success, var(--c8y-alert-status-success));

$alert-info-icon:                       var(--c8y-alert-info-icon, dlt-c8y-icons-vars.$dlt-c8y-icon-info-circle);
$alert-info-bg:                         $alert-background;
$alert-info-text:                       $alert-color;
$alert-info-border:                     var(--palette-status-info, var(--c8y-alert-status-info));

$alert-system-icon:                     var(--c8y-alert-system-icon, dlt-c8y-icons-vars.$dlt-c8y-icon-wrench);
$alert-system-bg:                       $alert-background;
$alert-system-text:                     $alert-color;
$alert-system-border:                   var(--c8y-alert-status-system);

$alert-warning-icon:                    var(--c8y-alert-warning-icon, dlt-c8y-icons-vars.$dlt-c8y-icon-warning);
$alert-warning-bg:                      $alert-background;
$alert-warning-text:                    $alert-color;
$alert-warning-border:                  var(--palette-status-warning, var(--c8y-alert-status-warning));
$alert-warning-dark:                    var(--palette-status-warning-dark, var(--c8y-alert-status-warning-dark, #4B3B06));

$alert-danger-icon:                     var(--c8y-alert-danger-icon, dlt-c8y-icons-vars.$dlt-c8y-icon-exclamation-circle);
$alert-danger-bg:                       $alert-background;
$alert-danger-text:                     $alert-color;
$alert-danger-border:                   var(--palette-status-danger, var(--c8y-alert-status-danger));