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

@layer base {
  h1 {
    @apply font-hero text-8xl uppercase leading-none lg:text-[120px];
  }

  h2 {
    @apply font-display text-4xl font-light lg:text-5xl;
  }

  h3 {
    @apply font-display text-3xl font-light lg:text-4xl;
  }

  h4 {
    @apply font-display text-[28px] font-light italic leading-tight lg:text-3xl;
  }

  h5 {
    @apply font-display text-2xl italic lg:text-[28px] lg:leading-tight;
  }

  h6 {
    @apply font-caption text-xs italic lg:text-sm;
  }

  p {
    @apply font-serif text-sm font-light lg:text-base;
  }

  strong {
    @apply font-serif text-sm font-semibold lg:text-base;
  }
}

/* Fonts */
@layer base {
  @font-face {
    font-family: "Antiga-Regular";
    src: url("@/assets/fonts/Antiga-Regular.ttf") format("truetype");
    font-weight: 400;
    font-display: swap;
    font-style: normal;
  }
}