/**
 * Logez utility classes.
 *
 * Keep this file small. Utilities are for repeated accessibility and spacing
 * patterns, not for replacing a component system.
 */

.lz-visually-hidden {
  clip: rect( 0 0 0 0 );
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.lz-text-center {
  text-align: center;
}

.lz-flow > * + * {
  margin-block-start: var( --lz-space-md );
}

.lz-no-margin {
  margin: 0 !important;
}

.lz-bg-dark {
  background: var( --lz-color-dark );
  color: var( --lz-color-white );
}

.lz-bg-charcoal {
  background: var( --lz-color-charcoal );
  color: var( --lz-color-white );
}

.lz-bg-light {
  background: var( --lz-color-surface-light );
  color: var( --lz-color-dark );
}

.lz-bg-accent {
  background: var( --lz-color-accent );
  color: var( --lz-color-dark );
}