@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: font-url("proximanova_regular.ttf");
}

@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: font-url("proximanova_bold.otf");
}

@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: font-url("proximanova_light.otf");
}

a {
  @apply text-mastered-black hover:text-gray-500
}


@layer base {
  h2, .h2 {

    /* 2. Tailwind 4.1 Utilities for Layout */
    @apply text-2xl font-bold mb-4 p-4 block;

    /* 3. Using your Theme Variables */
    color: var(--color-mastered-black);
    /*font-family: var(--font-sans);*/
  }
  h4 {
    @apply text-2xl font-bold text-mastered-black
  }

  /* You might also want a default for links or paragraphs here */
  a {
    @apply transition-colors duration-200;
  }
}