/* Font styles for Cosmic Inquiry */

/* Using Google's Poppins font as a stand-in for Styrene */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* Define Styrene as Poppins for demo purposes */
:root {
    --font-styrene: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* Font utility classes */
.font-styrene {
    font-family: var(--font-styrene);
}

/* Alternate class for applying to the entire body */
.body-styrene {
    font-family: var(--font-styrene);
}

/* Class for headings only */
.headings-styrene h1, 
.headings-styrene h2,
.headings-styrene h3,
.headings-styrene h4,
.headings-styrene h5,
.headings-styrene h6 {
    font-family: var(--font-styrene);
}