body {
  @apply font-sans text-base leading-snug;
}

h1 {
  @apply text-xl leading-7 font-semi-bold;
}

h2 {
  @apply text-lg leading-6 font-semi-bold;
}

h3 {
  @apply text-base leading-6 font-semi-bold;
}

h4 {
  @apply text-xs leading-6 uppercase font-semi-bold text-neutral-primary;
}

select {
  @apply font-sans text-base leading-4 text-blue-primary dark:text-yellow-primary font-semi-bold text-ellipsis disabled:text-neutral-70;
}

select option {
  @apply text-black ;
}

.meta {
  @apply text-sm leading-tight text-neutral-primary;
}

a,
.link {
  @apply text-blue-primary;
  text-decoration: none;
}

a:hover,
.link:hover {
  text-decoration: underline;
}

a:focus,
.link.focus {
  @apply text-blue-40;
}

a:active,
.link.active {
  @apply text-blue-30;
}
