// Global typography styles

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Space Grotesk', var(--ifm-font-family-base);
  font-feature-settings: 'kern', 'liga';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Space Grotesk', var(--ifm-font-family-base);
}

::selection {
  background: var(--ifm-color-primary);
  color: #0e1114;
}

// Reading measure - Tufte recommends 45-75 characters
.markdown {
  max-width: var(--content-max-width);
}

// Tufte Headings
.markdown h1 {
  font-size: var(--ifm-h1-font-size);
  font-weight: 600;
  letter-spacing: -0.01em;
  margin-top: var(--space-lg);
  margin-bottom: var(--space-lg);
  line-height: 1.3;
}

.markdown h2 {
  font-size: var(--ifm-h2-font-size);
  font-weight: 600;
  letter-spacing: 0.01em;
  margin-top: var(--space-xl);
  margin-bottom: var(--space-md);
  line-height: 1.35;
}

.markdown h3 {
  font-size: var(--ifm-h3-font-size);
  font-weight: 600;
  margin-top: var(--space-lg);
  margin-bottom: var(--space-sm);
  line-height: 1.4;
}

.markdown h4 {
  font-size: var(--ifm-h4-font-size);
  font-weight: 600;
  margin-top: var(--space-lg);
  margin-bottom: var(--space-sm);
  line-height: 1.5;
}

.markdown h5,
.markdown h6 {
  font-size: var(--ifm-h5-font-size);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-top: var(--space-md);
  margin-bottom: var(--space-xs);
  line-height: 1.5;
  color: var(--ifm-menu-color);
}

// Paragraphs
.markdown p {
  margin-bottom: var(--space-md);
  line-height: var(--ifm-line-height-base);
}

// Strong and emphasis
.markdown strong {
  font-weight: 600;
}

.markdown em {
  font-style: italic;
}

// Strikethrough
.markdown del {
  text-decoration: line-through;
  color: var(--ifm-menu-color);
}
