/* Mindvalley Typography System */
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

/* Font Family Base */
body {
    font-family: 'Google Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Title Classes - Responsive */
.title-bold-1 {
    font-size: 3rem; /* 48px */
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.025em;
}

.title-bold-2 {
    font-size: 2.25rem; /* 36px */
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.025em;
}

.title-bold-3 {
    font-size: 1.875rem; /* 30px */
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.title-bold-4 {
    font-size: 1.75rem; /* 28px */
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.title-bold-5 {
    font-size: 1.5rem; /* 24px */
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.015em;
}

.title-bold-6 {
    font-size: 1.375rem; /* 22px */
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.title-bold-7 {
    font-size: 1.25rem; /* 20px */
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

/* Body Text Classes */
.body-lg {
    font-size: 1.25rem; /* 20px */
    font-weight: 400;
    line-height: 1.7;
}

.body {
    font-size: 1rem; /* 16px */
    font-weight: 400;
    line-height: 1.6;
}

.body-sm {
    font-size: 0.875rem; /* 14px */
    font-weight: 400;
    line-height: 1.6;
}

.body-italic {
    font-size: 1rem; /* 16px */
    font-weight: 400;
    font-style: italic;
    line-height: 1.6;
}

.overline-text {
    font-size: 0.875rem; /* 14px */
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1.4;
}

/* Responsive Typography */
@media (min-width: 768px) {
    .title-bold-1 {
        font-size: 4.5rem; /* 72px */
    }

    .title-bold-2 {
        font-size: 3.75rem; /* 60px */
    }

    .title-bold-3 {
        font-size: 3rem; /* 48px */
    }

    .title-bold-4 {
        font-size: 2.25rem; /* 36px */
    }

    .title-bold-5 {
        font-size: 1.75rem; /* 28px */
    }

    .title-bold-6 {
        font-size: 1.5rem; /* 24px */
    }

    .title-bold-7 {
        font-size: 1.375rem; /* 22px */
    }
}

/* Container for consistent page layout */
.mv-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

@media (max-width: 768px) {
    .mv-container {
        padding: 0 1rem;
    }
}