:root {
  --md-primary-fg-color: #2e7d32;
  --md-primary-fg-color--light: #4caf50;
  --md-primary-fg-color--dark: #1b5e20;
  --md-accent-fg-color: #009688;
}

.callout {
  margin: 1rem 0;
  padding: 0.8rem 1rem;
  border-left: 0.25rem solid var(--md-accent-fg-color);
  border-radius: 0.2rem;
  background: var(--md-code-bg-color);
}

.callout-note { border-left-color: #448aff; }
.callout-tip { border-left-color: #00bfa5; }
.callout-warning { border-left-color: #ff9100; }
.callout-important, .callout-caution { border-left-color: #f44336; }

.callout-title {
  margin-bottom: 0.5rem;
  font-weight: 700;
}