.storybook-typography {
  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0;
}

.storybook-typography--h1 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.storybook-typography--h2 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.3;
}

.storybook-typography--h3 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}

.storybook-typography--h4 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
}

.storybook-typography--h5 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
}

.storybook-typography--h6 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.storybook-typography--body1 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.storybook-typography--body2 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

.storybook-typography--caption {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.storybook-typography--primary {
  color: #333;
}

.storybook-typography--secondary {
  color: #666;
}

.storybook-typography--error {
  color: #e74c3c;
}

.storybook-typography--warning {
  color: #f39c12;
}

.storybook-typography--info {
  color: #1ea7fd;
}

.storybook-typography--success {
  color: #27ae60;
}

.storybook-typography--left {
  text-align: left;
}

.storybook-typography--center {
  text-align: center;
}

.storybook-typography--right {
  text-align: right;
}
