/**
 * Lucas Oil Font Configuration
 * Uses Niveau Grotesk from Adobe Fonts
 */

/* Niveau Grotesk font import from Adobe Fonts (Typekit) */
@import url('https://use.typekit.net/af/2cd6bf/00000000000000003b9b01ed/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3');

/* Font family definitions */
.ng-font {
    font-family: "niveau-grotesk", sans-serif;
    font-weight: 500;
}

/* Apply Lucas Oil typography to carousel elements */
.hero-container {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.hero-container h1,
.hero-container h2,
.hero-container h3,
.hero-container h4,
.hero-container .product-slide-title,
.hero-container .blue-btn,
.hero-container .white-btn,
.hero-container .outline-btn,
.hero-container .benefit-slider h4 {
    font-family: "niveau-grotesk", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

/* Specific font weights */
.hero-container h1 {
    font-weight: bold;
}

.hero-container h2 {
    font-weight: 400;
}

.hero-container .product-slide-title {
    font-weight: 600;
}

.hero-container .blue-btn,
.hero-container .white-btn,
.hero-container .outline-btn {
    font-weight: bold;
}

.hero-container .benefit-slider h4 {
    font-weight: 400;
}