/**
 * Marked Extended Alert - Structural Styles
 * Minimal CSS required for alert functionality
 *
 * Import this file if you want the basic alert structure:
 * @import '@fsegurai/marked-extended-alert/styles/alert.css';
 */

:root {
  --marked-extended-alert-padding: 0 1em;
  --marked-extended-alert-margin-bottom: 16px;
  --marked-extended-alert-border-width: 0.25em;
  --marked-extended-alert-border-color: #444c56;
  --marked-extended-alert-title-font-weight: 500;
  --marked-extended-alert-icon-margin-right: 0.5rem;
}

.marked-extended-alert {
  padding: var(--marked-extended-alert-padding);
  margin-bottom: var(--marked-extended-alert-margin-bottom);
  border-left: var(--marked-extended-alert-border-width) solid var(--marked-extended-alert-border-color);
}

.marked-extended-alert-title {
  display: inline-flex;
  align-items: center;
  font-weight: var(--marked-extended-alert-title-font-weight);
}

.marked-extended-alert-title .mr-2 {
  margin-right: var(--marked-extended-alert-icon-margin-right);
}