/* Sunscreen — admonish callouts tuned to the Ember palette. */

:root {
  --md-admonition-bg-color: var(--bg-elevated);
  --md-admonition-fg-color: var(--fg);
}

.admonition {
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
  background: var(--bg-elevated);
  margin: 1.6rem 0;
  padding: 0;
  box-shadow: none;
  overflow: hidden;
}
.admonition-title {
  padding: 0.6rem 1.1rem;
  font-weight: 600;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-bottom: 1px solid var(--border);
  color: var(--fg-strong);
  background: transparent;
}
.admonition > *:not(.admonition-title) {
  padding: 0.5rem 1.1rem;
}
.admonition > p:last-child { padding-bottom: 1rem; }

.admonition.note { border-left: 2px solid var(--info); }
.admonition.tip,
.admonition.hint { border-left: 2px solid var(--success); }
.admonition.warning,
.admonition.caution { border-left: 2px solid var(--warning); }
.admonition.danger,
.admonition.error { border-left: 2px solid var(--danger); }
.admonition.example,
.admonition.important { border-left: 2px solid var(--brand); }