/*
 * Basic section styles — the declarative reference plugin (issue #75).
 *
 * Contract (plugin-architecture.md §Kinds, enforced at install): every rule is
 * scoped under `.dt-style-section-styles-basic-<styleId>`; no @import, no
 * external url(), no positioning out of the content flow. Backgrounds are
 * semi-transparent and text inherits the surrounding color, so the styles
 * read well on light and dark themes without knowing the host's tokens.
 */

.dt-style-section-styles-basic-callout {
  background: rgba(140, 140, 140, 0.12);
  border-left: 4px solid rgba(140, 140, 140, 0.9);
  border-radius: 0 6px 6px 0;
  padding: 0.75rem 1rem;
  margin: 0.75rem 0;
}

.dt-style-section-styles-basic-info {
  background: rgba(38, 139, 210, 0.12);
  border-left: 4px solid rgba(38, 139, 210, 0.9);
  border-radius: 0 6px 6px 0;
  padding: 0.75rem 1rem;
  margin: 0.75rem 0;
}

.dt-style-section-styles-basic-warning {
  background: rgba(203, 75, 22, 0.14);
  border-left: 4px solid rgba(203, 75, 22, 0.9);
  border-radius: 0 6px 6px 0;
  padding: 0.75rem 1rem;
  margin: 0.75rem 0;
}

.dt-style-section-styles-basic-colored-box {
  background: rgba(133, 153, 0, 0.14);
  border: 1px solid rgba(133, 153, 0, 0.5);
  border-radius: 8px;
  padding: 1rem 1.25rem;
  margin: 0.75rem 0;
}

/* Sections start/end flush: no stray outer margins on first/last children. */
.dt-style-section-styles-basic-callout > :first-child,
.dt-style-section-styles-basic-info > :first-child,
.dt-style-section-styles-basic-warning > :first-child,
.dt-style-section-styles-basic-colored-box > :first-child {
  margin-top: 0;
}

.dt-style-section-styles-basic-callout > :last-child,
.dt-style-section-styles-basic-info > :last-child,
.dt-style-section-styles-basic-warning > :last-child,
.dt-style-section-styles-basic-colored-box > :last-child {
  margin-bottom: 0;
}