/*-- scss:rules --*/

/* O'Reilly style callouts */
$note:      #1565C0;  /* blue */
$tip:       #2E7D32;  /* green */
$warning:   #C62828;  /* red */
$caution:   #F9A825;  /* amber */
$important: #6A1B9A;  /* purple */

@mixin callout($selector, $color, $bg) {
  .callout.#{$selector} {
    border-left: 4px solid $color;
    .callout-header {
      background: $bg;
      color: $color;
      font-weight: 600;
    }
  }
}

@include callout("callout-note",      $note,      rgba($note, .08));
@include callout("callout-tip",       $tip,       rgba($tip, .08));
@include callout("callout-warning",   $warning,   rgba($warning, .08));
@include callout("callout-caution",   $caution,   rgba($caution, .15));
@include callout("callout-important", $important, rgba($important, .10));

/* Title case for headings inside callouts (matches O'Reilly guidance) */
.callout .callout-title { 
  text-transform: none; 
}

/* Fix custom callout icon styling */
.callout-header .callout-icon {
  font-style: normal !important;
  margin-right: 0.5rem;
}