/**
 * TYPOGRAPHY
 *
*/
/* Heading typography */
@layer base {
    .n7-heading-1 {
        @apply text-4xl md:text-5xl lg:text-6xl font-sans;
    }

    .n7-heading-2 {
        @apply text-3xl md:text-4xl lg:text-5xl font-sans;
    }
    
    .n7-heading-3 {
        @apply text-2xl md:text-3xl lg:text-4xl font-sans;
    }
    
    .n7-heading-4 {
        @apply text-lg md:text-xl lg:text-2xl font-sans;
    }
    
    .n7-heading-5 {
        @apply text-base md:text-lg lg:text-xl font-sans;
    }
    
    .n7-heading-6 {
        @apply text-xs md:text-sm lg:text-base font-sans;
    }
    
    /* Display Heading typography */
    .n7-display-heading-1 {
        @apply text-7xl md:text-8xl lg:text-9xl font-sans;
    }
    
    .n7-display-heading-2 {
        @apply text-6xl md:text-7xl lg:text-8xl font-sans;
    }
    
    .n7-display-heading-3 {
        @apply text-5xl md:text-6xl lg:text-7xl font-sans;
    }
    
    .n7-display-heading-4 {
        @apply text-4xl md:text-5xl lg:text-6xl font-sans;
    }
    
    .n7-display-heading-5 {
        @apply text-3xl md:text-4xl lg:text-5xl font-sans;
    }
    
    .n7-display-heading-6 {
        @apply text-2xl md:text-3xl lg:text-4xl font-sans;
    }

    /* Body typography */
    .n7-body-xs {
        @apply text-xs font-sans font-normal leading-normal;
    }

    .n7-body-xs-bold {
        @apply text-xs font-sans font-bold leading-normal;
    }

    .n7-body-xs-medium {
        @apply text-xs font-sans font-medium leading-normal;
    }

    .n7-body-sm {
        @apply text-sm font-sans font-normal leading-medium;
    }

    .n7-body-base {
        @apply text-base font-sans font-normal leading-relaxed;
    }

    .n7-body-lg {
        @apply text-lg font-sans font-normal leading-medium;
    }

    .n7-body-xl {
        @apply text-xl font-sans font-normal leading-normal;
    }
}