/**
 * Magic Wand Public CSS - Circadian Token Synchronization
 *
 * Provides responsive container classes and theme token alignment
 * with flat specificity and zero !important declarations.
 */

.mh-section {
  position: relative;
  background: transparent;
  color: var(--mh-color-text-main, #334155);
  box-sizing: border-box;
  transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
}

.mh-section h1,
.mh-section h2,
.mh-section h3,
.mh-section h4,
.mh-section h5,
.mh-section h6 {
  color: var(--mh-color-text-heading, #0f172a);
  transition: color 0.4s ease;
}

.mh-section p {
  color: var(--mh-color-text-main, #334155);
  transition: color 0.4s ease;
}

.mh-section a {
  color: var(--mh-color-link, #62c9ff);
  transition: color 0.2s ease;
}

.mh-section-boxed {
  max-width: var(--mh-content-width, 1200px);
  margin: 0 auto;
  padding: 60px 24px;
}

.mh-section-full-width {
  width: 100%;
  padding: 60px 24px;
}