/*-- scss:rules --*/

// DPAS Systems Book Theme - Orange/Purple/Teal
$architecture: #FF5722; /* deep orange - bold architectural decisions */
$performance: #FF9800;  /* orange - performance alerts */  
$scaling:     #9C27B0;  /* purple - scaling considerations */
$systems:     #607D8B;  /* blue grey - systems design */

// Standard O'Reilly callouts with systems theme
$note:      #00796B;  /* teal - neutral information */
$tip:       #388E3C;  /* green - best practices */
$warning:   #F57C00;  /* amber - important caveats */
$important: #D32F2F;  /* red - critical requirements */
$caution:   #C62828;  /* dark red - danger zone */

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

// Custom callout styling
.callout.callout-style-default.callout-architecture {
  border-left-color: $architecture;
}

.callout.callout-style-default.callout-performance {
  border-left-color: $performance;
}

.callout.callout-style-default.callout-scaling {
  border-left-color: $scaling;
}

.callout.callout-style-default.callout-systems {
  border-left-color: $systems;
}

// Enhanced code block styling for systems examples
.sourceCode {
  border-left: 3px solid $systems;
  background-color: #f8f9fa;
}

// Systems diagram styling
.mermaid {
  background-color: #fafafa;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 1rem;
}