/* Letter spacing values */
.normal {
  letter-spacing: normal;
  /* Browser default spacing */
}

.tight {
  letter-spacing: -0.05em;
  /* Tighter spacing */
}

.loose {
  letter-spacing: 0.1em;
  /* Looser spacing */
}

/* Pixel values */
.spaced {
  letter-spacing: 2px;
  /* 2px between letters */
}

/* Word spacing */
.normal {
  word-spacing: normal;
  /* Default space between words */
}

.tight {
  word-spacing: -0.1em;
  /* Tighter word spacing */
}

.loose {
  word-spacing: 0.5em;
  /* Looser word spacing */
}

/* Pixel values */
.spaced {
  word-spacing: 5px;
}

/* Headings with letter spacing */
h1 {
  letter-spacing: 0.05em;
  font-size: 2rem;
  font-weight: bold;
}

/* Buttons with spacing */
button {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 12px;
}

/* Body text readable spacing */
body {
  letter-spacing: 0;
  word-spacing: normal;
  line-height: 1.6;
}

/* Tight spacing for compact design */
.compact {
  letter-spacing: -0.02em;
  word-spacing: -0.05em;
}