@utility mother-button {
  /* Button styles */
  @apply bg-mother-pink hover:bg-opacity-90 text-mother-white px-4 py-2 
           rounded-lg transition-colors font-medium;
}

@utility mother-headline {
  /* Typography components */
  @apply font-neue-montreal text-headline font-bold;
}

@utility mother-subheadline {
  @apply font-neue-montreal text-subheadline font-medium;
}

@utility mother-body {
  @apply font-neue-montreal text-body;
}

@utility mother-detail {
  @apply font-neue-montreal text-detail uppercase tracking-detail;
}

@layer base {
  /* Font definitions */
  @font-face {
    font-family: 'Neue Montreal';
    src: url("path-to-your-font-files/NeueMontreal-Regular.woff2") format('woff2'),
         url("path-to-your-font-files/NeueMontreal-Regular.woff") format('woff');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Neue Montreal';
    src: url("path-to-your-font-files/NeueMontreal-Medium.woff2") format('woff2'),
         url("path-to-your-font-files/NeueMontreal-Medium.woff") format('woff');
    font-weight: 500;
    font-style: normal;
  }

  @font-face {
    font-family: 'Neue Montreal';
    src: url("path-to-your-font-files/NeueMontreal-Bold.woff2") format('woff2'),
         url("path-to-your-font-files/NeueMontreal-Bold.woff") format('woff');
    font-weight: bold;
    font-style: normal;
  }

  @font-face {
    font-family: 'TT Fors';
    src: url("path-to-your-font-files/TTFors-Bold.woff2") format('woff2'),
         url("path-to-your-font-files/TTFors-Bold.woff") format('woff');
    font-weight: bold;
    font-style: normal;
  }
}