/* 05-utilities.css
 * Small utility classes for spacing, visibility, alignment.
 */

.hidden{
  display: none !important;
}

.sr-only{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.mt-0{ margin-top: 0 !important; }
.mt-2{ margin-top: var(--s-2) !important; }
.mt-4{ margin-top: var(--s-4) !important; }
.mt-6{ margin-top: var(--s-6) !important; }

.mb-0{ margin-bottom: 0 !important; }
.mb-2{ margin-bottom: var(--s-2) !important; }
.mb-4{ margin-bottom: var(--s-4) !important; }
.mb-6{ margin-bottom: var(--s-6) !important; }

.text-center{ text-align: center !important; }
.text-right{ text-align: right !important; }

.max-measure{ max-width: var(--measure) !important; }

.rounded-sm{ border-radius: var(--r-sm) !important; }
.rounded-md{ border-radius: var(--r-md) !important; }
.rounded-lg{ border-radius: var(--r-lg) !important; }

.border{
  border: 1px solid var(--c-border) !important;
}

.bg-card{
  background: var(--c-card) !important;
}

.bg-surface{
  background: var(--c-surface) !important;
}

.shadow-1{
  box-shadow: var(--shadow-1) !important;
}