/**
 *  Generic style definitions for the webshop.
 *
 *  @copyright  2025 Vinacles BV
 *  @author     Anouar Jaama
 *  @author     Jeroen van Vliet
 *  @author     Clyde Semeleer
 */
@font-face {
    font-display: swap;
    font-family: 'Vinacles';
    src: url('../../fonts/Vinacles.otf');
}

@font-face {
    font-display: swap;
    font-family: 'HelveticaNeue';
    src: url('../../fonts/HelveticaNeue.ttf');
}

@font-face {
    font-display: swap;
    font-family: 'HelveticaNeue';
    src: url('../../fonts/HelveticaNeueBlackCond.ttf');
    font-weight: 700;
}

@font-face {
    font-display: swap;
    font-family: 'HelveticaNeue';
    src: url('../../fonts/HelveticaNeueBold.ttf');
    font-weight: 600;
}

@font-face {
    font-display: swap;
    font-family: 'HelveticaNeue';
    src: url('../../fonts/HelveticaNeueLight.ttf');
    font-weight: 300;
}

@font-face {
    font-display: swap;
    font-family: 'HelveticaNeue';
    src: url('../../fonts/HelveticaNeueMedium.ttf');
    font-weight: 500;
}

@font-face {
    font-display: swap;
    font-family: 'HelveticaNeue';
    src: url('../../fonts/HelveticaNeueThin.ttf');
    font-weight: 200;
}

@layer components {
    h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6 {
        @apply mb-2 leading-tight;
        font-weight: 700 !important;
    }

    h1.small, h2.small, h3.small, h4.small, h5.small, h6.small,
    .h1.small, .h2.small, .h3.small, .h4.small, .h5.small, .h6.small {
        @apply font-extralight;
    }

    strong {
        @apply font-bold;
    }

    button:focus {
        @apply outline-none;
    }
}