/* Mindvalley Typography System */
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@8..144,100..1000&display=swap');

/* Base font family for all elements */
* {
  font-family: 'Google Sans Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* Title Classes - Responsive Bold Headings */
.title-bold-1 { font-size: 48px; font-weight: 700; line-height: 1.1; }
.title-bold-2 { font-size: 36px; font-weight: 700; line-height: 1.1; }
.title-bold-3 { font-size: 30px; font-weight: 700; line-height: 1.2; }
.title-bold-4 { font-size: 28px; font-weight: 700; line-height: 1.2; }
.title-bold-5 { font-size: 24px; font-weight: 700; line-height: 1.3; }
.title-bold-6 { font-size: 22px; font-weight: 700; line-height: 1.3; }
.title-bold-7 { font-size: 20px; font-weight: 700; line-height: 1.4; }

/* Body Text Classes */
.body-lg { font-size: 20px; font-weight: 400; line-height: 1.5; }
.body { font-size: 16px; font-weight: 400; line-height: 1.6; }
.body-sm { font-size: 14px; font-weight: 400; line-height: 1.5; }
.body-italic { font-size: 16px; font-weight: 400; line-height: 1.6; font-style: italic; }

/* Overline/Eyebrow Text */
.overline-text { 
  font-size: 14px; 
  font-weight: 600; 
  line-height: 1.4; 
  letter-spacing: 1px; 
  text-transform: uppercase; 
}

/* Responsive Typography - Desktop */
@media (min-width: 768px) {
  .title-bold-1 { font-size: 72px; }
  .title-bold-2 { font-size: 60px; }
  .title-bold-3 { font-size: 48px; }
  .title-bold-4 { font-size: 36px; }
  .title-bold-5 { font-size: 28px; }
  .title-bold-6 { font-size: 24px; }
  .title-bold-7 { font-size: 22px; }
}

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

@media (min-width: 640px) {
  .mv-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}