@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  h2 {
    @apply text-lg font-bold mb-6;
  }

  h2:not(:first-of-type) {
    @apply mt-8;
  }

  h3 {
    @apply mt-6;
  }

  p + p {
    @apply mt-6;
  }
}

@layer components {
  .text-discreet {
    @apply text-zinc-500;
  }

  .content {
    @apply pb-20;
  }

  .content a         { @apply text-sky-600 border-b border-zinc-300; }
  .content a:hover   { @apply text-sky-700 border-b border-zinc-400; }
  .content a:visited { @apply text-indigo-600 }
  .content a:active  { @apply text-sky-500; }
}