/* Custom Font Definitions */

/* Druk Wide Bold */
@font-face {
    font-family: 'Druk Wide Bold';
    src: url('../fonts/DrukWideBold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* Archivo Medium */
@font-face {
    font-family: 'Archivo';
    src: url('../fonts/Archivo-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Responsive Typography Classes */

/* Headings */
.heading-xl {
    font-family: 'Druk Wide Bold', sans-serif;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.heading-lg {
    font-family: 'Druk Wide Bold', sans-serif;
    font-weight: 600;
    font-size: 2.3rem;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.heading-md {
    font-family: 'Druk Wide Bold', sans-serif;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.heading-sm {
    font-family: 'Druk Wide Bold', sans-serif;
    font-weight: 700;
    font-size: 2.3rem;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.heading-xs {
    font-family: 'Druk Wide Bold', sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.heading-xxs {
    font-family: 'Druk Wide Bold', sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Responsive Text Classes */
.text-lg {
    font-family: 'Archivo', sans-serif;
    font-size: 1.2rem;
    line-height: 1.6;
}

.text-md {
    font-family: 'Archivo', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
}

.text-sm {
    font-family: 'Archivo', sans-serif;
    font-size: 0.9rem;
    line-height: 1.6;
}

.text-xs {
    font-family: 'Archivo', sans-serif;
    font-size: 0.8rem;
    line-height: 1.5;
}

/* Paragraph Text for Sections */
.paragraph-text {
    font-family: 'Archivo', sans-serif;
    font-size: 1rem;
    color: #000;
}

/* Responsive Typography Media Queries */
@media (max-width: 1200px) {
    .heading-xl {
        font-size: 2.8rem;
    }
    
    .heading-lg {
        font-size: 2.2rem;
    }
    
    .heading-md {
        font-size: 2rem;
    }
    
    .heading-sm {
        font-size: 2rem;
    }
    .heading-xxs{
        font-size: 1.2rem;

    }
    
    .paragraph-text {
        font-size: 0.9rem;
    }
}

@media (max-width: 992px) {
    .heading-xl {
        font-size: 2.3rem;
    }
    
    .heading-lg {
        font-size: 2rem;
    }
    
    .heading-md {
        font-size: 2rem;
    }
    
    .heading-sm {
        font-size: 1.8rem;
    }
    .heading-xxs{
        font-size: 1.2rem;

    }
    .text-lg {
        font-size: 1.1rem;
    }
    
    .paragraph-text {
        font-size: 0.85rem;
    }
}

@media (max-width: 768px) {
    .heading-xl {
        font-size: 2rem;
    }
    
    .heading-lg {
        font-size: 1.7rem;
    }
    
    .heading-md {
        font-size: 1.6rem;
    }
    
    .heading-sm {
        font-size: 1.6rem;
    }
    .heading-xxs{
        font-size: 1.2rem;

    }
    .text-lg {
        font-size: 1rem;
    }
    
    .text-md {
        font-size: 0.9rem;
    }
    
    .paragraph-text {
        font-size: 0.8rem;
    }
}

@media (max-width: 576px) {
    .heading-xl {
        font-size: 1.2rem;
    }
    
    .heading-lg {
        font-size: 1.2rem;
    }
    
    .heading-md {
        font-size: 1.2rem;
    }
    
    .heading-sm {
        font-size: 1.1rem;
    }
    
    .heading-xs {
        font-size: 1rem;
    }
    .heading-xxs{
        font-size: 1rem;

    }
    .text-md {
        font-size: 0.85rem;
    }
    
    .text-sm {
        font-size: 0.8rem;
    }
    
    .paragraph-text {
        font-size: 0.8rem;
    }
}

@media (max-width: 480px) {
    .heading-xl {
        font-size: 1rem;
    }
    
    .heading-lg {
        font-size: 1rem;
    }
    
    .heading-md {
        font-size: 1rem;
    }
    
    .heading-sm {
        font-size: 1rem;
    }
    .heading-xxs{
        font-size: 1rem;

    }
    .text-sm {
        font-size: 0.75rem;
    }
    
    .text-xs {
        font-size: 0.7rem;
    }
    
    .paragraph-text {
        font-size: 0.8rem;
    }
}