/* Atkinson Hyperlegible Font - Designed for maximum legibility */

@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/atkinson-hyperlegible/AtkinsonHyperlegible-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/atkinson-hyperlegible/AtkinsonHyperlegible-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/atkinson-hyperlegible/AtkinsonHyperlegible-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/atkinson-hyperlegible/AtkinsonHyperlegible-BoldItalic.ttf') format('truetype');
}

/* Apply Atkinson Hyperlegible to all text elements */
body,
.description,
.form-select,
button,
input,
textarea,
select {
  font-family: 'Atkinson Hyperlegible', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Ensure proper letter spacing for maximum legibility */
body {
  letter-spacing: 0.01em;
  word-spacing: 0.05em;
}

/* Improve contrast and readability */
.description {
  line-height: 1.8;
  font-weight: 400;
}

/* Headers and important text */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Atkinson Hyperlegible', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 700;
  letter-spacing: 0.02em;
}

/* Buttons and interactive elements */
button,
.nav-button,
.audio-button,
.font-resizer button {
  font-family: 'Atkinson Hyperlegible', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 500;
  letter-spacing: 0.01em;
}

/* Form elements */
.form-select,
input,
textarea {
  font-family: 'Atkinson Hyperlegible', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: 400;
  letter-spacing: 0.01em;
}