/* AnHonestHost Utility Classes */

/* ========== Text ========== */
.anhh-text-primary { color: var(--anhh-text-primary); }
.anhh-text-secondary { color: var(--anhh-text-secondary); }
.anhh-text-muted { color: var(--anhh-text-muted); }
.anhh-text-accent { color: var(--anhh-accent); }
.anhh-text-center { text-align: center; }
.anhh-text-left { text-align: left; }

/* ========== Spacing ========== */
.anhh-mt-sm { margin-top: var(--anhh-space-sm); }
.anhh-mt-md { margin-top: var(--anhh-space-md); }
.anhh-mt-lg { margin-top: var(--anhh-space-lg); }
.anhh-mt-xl { margin-top: var(--anhh-space-xl); }
.anhh-mt-2xl { margin-top: var(--anhh-space-2xl); }
.anhh-mb-sm { margin-bottom: var(--anhh-space-sm); }
.anhh-mb-md { margin-bottom: var(--anhh-space-md); }
.anhh-mb-lg { margin-bottom: var(--anhh-space-lg); }
.anhh-mb-xl { margin-bottom: var(--anhh-space-xl); }
.anhh-mb-2xl { margin-bottom: var(--anhh-space-2xl); }
.anhh-mx-auto { margin-left: auto; margin-right: auto; }

/* ========== Layout ========== */
.anhh-container {
  max-width: var(--anhh-max-width);
  margin: 0 auto;
  padding: 0 var(--anhh-space-2xl);
}

.anhh-flex { display: flex; }
.anhh-flex-center { display: flex; align-items: center; justify-content: center; }
.anhh-flex-between { display: flex; justify-content: space-between; align-items: center; }
.anhh-gap-sm { gap: var(--anhh-space-sm); }
.anhh-gap-md { gap: var(--anhh-space-md); }
.anhh-gap-lg { gap: var(--anhh-space-lg); }

/* ========== Display ========== */
.anhh-block { display: block; }
.anhh-inline-block { display: inline-block; }
.anhh-hidden { display: none; }

/* ========== Width ========== */
.anhh-w-full { width: 100%; }
.anhh-max-w-sm { max-width: 460px; }
.anhh-max-w-md { max-width: 500px; }