@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap');

@font-face {
    font-family: 'Vanilla Ravioli';
    src: url('../fonts/VanillaRavioli.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-primary: 'Montserrat', sans-serif;
    --font-secondary: 'Vanilla Ravioli', serif;
}

body {
    font-family: var(--font-primary);
    font-weight: 400; /* Regular body type B.01 */
    line-height: 1.6;
}

/* Typography Hierarchy as per Client Guidelines (Image 3) */

/* H.01 - Vanilla Ravioli (Short Texts & Taglines Only) */
h1, .h-01, .tagline {
    font-family: var(--font-secondary) !important;
    font-weight: normal;
    text-transform: none;
}

/* H.02 & H.03 - Montserrat Bold Header */
h2, h3, .h-02, .h-03 {
    font-family: var(--font-primary);
    font-weight: 700;
}

/* H.04 - Montserrat Bold Sub-Header */
h4, .h-04 {
    font-family: var(--font-primary);
    font-weight: 700;
}

/* H.05 - Montserrat Small Bold Header (Uppercase) */
h5, .h-05 {
    font-family: var(--font-primary);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* H.05.1 - Montserrat Small Regular Sub-Header (Uppercase) */
h6, .h-05-1 {
    font-family: var(--font-primary);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* P.01 - Montserrat Light Paragraph */
.p-01 {
    font-family: var(--font-primary);
    font-weight: 300;
}

/* P.02 - Montserrat Regular Paragraph (Short paragraphs) */
p, .p-02 {
    font-family: var(--font-primary);
    font-weight: 400;
}

/* B.01 - Montserrat Regular Body (Long texts) */
.b-01 {
    font-family: var(--font-primary);
    font-weight: 400;
}