/* Typography Styles from Jetstream */
/* Based on Material Design 3 Typography Scale */
/* Source: jetstream/src/main/java/tv/jewbilee/jetstream/presentation/theme/Type.kt */
/* All values use viewport-relative units (vw) for proportional scaling */
/* Reference: 1920px width = 100vw, so 1px = 0.05208vw */

/* Display Styles */
.display-large {
    font-family: 'Inter', sans-serif;
    font-size: 5.938vw;      /* 114px at 1920px (2x) */
    line-height: 11.852vh;   /* 128px at 1080p */
    font-weight: 400;
    letter-spacing: -0.026vw; /* -0.5px at 1920px (2x) */
}

.display-medium {
    font-family: 'Inter', sans-serif;
    font-size: 4.688vw;      /* 90px at 1920px (2x) */
    line-height: 9.63vh;     /* 104px at 1080p */
    font-weight: 400;
    letter-spacing: 0;
}

.display-small {
    font-family: 'Inter', sans-serif;
    font-size: 3.75vw;       /* 72px at 1920px (2x) */
    line-height: 8.148vh;    /* 88px at 1080p */
    font-weight: 400;
    letter-spacing: 0;
}

/* Headline Styles */
.headline-large {
    font-family: 'Inter', sans-serif;
    font-size: 3.334vw;      /* 64px at 1920px (2x) */
    line-height: 7.407vh;    /* 80px at 1080p */
    font-weight: 400;
    letter-spacing: 0;
}

.headline-medium {
    font-family: 'Inter', sans-serif;
    font-size: 2.916vw;      /* 56px at 1920px (2x) */
    line-height: 6.667vh;    /* 72px at 1080p */
    font-weight: 400;
    letter-spacing: 0;
}

.headline-small {
    font-family: 'Inter', sans-serif;
    font-size: 2.5vw;        /* 48px at 1920px (2x) */
    line-height: 5.926vh;    /* 64px at 1080p */
    font-weight: 400;
    letter-spacing: 0;
}

/* Title Styles */
.title-large {
    font-family: 'Inter', sans-serif;
    font-size: 2.292vw;      /* 44px at 1920px (2x) */
    line-height: 5.185vh;    /* 56px at 1080p */
    font-weight: 400;
    letter-spacing: 0;
}

.title-medium {
    font-family: 'Inter', sans-serif;
    font-size: 1.666vw;      /* 32px at 1920px (2x) */
    line-height: 4.444vh;    /* 48px at 1080p */
    font-weight: 500;
    letter-spacing: 0.016vw; /* 0.3px at 1920px (2x) */
}

.title-small {
    font-family: 'Inter', sans-serif;
    font-size: 1.458vw;      /* 28px at 1920px (2x) */
    line-height: 3.704vh;    /* 40px at 1080p */
    font-weight: 500;
    letter-spacing: 0.01vw;  /* 0.2px at 1920px (2x) */
}

/* Label Styles */
.label-large {
    font-family: 'Inter', sans-serif;
    font-size: 1.458vw;      /* 28px at 1920px (2x) */
    line-height: 3.704vh;    /* 40px at 1080p */
    font-weight: 500;
    letter-spacing: 0.01vw;  /* 0.2px at 1920px (2x) */
}

.label-medium {
    font-family: 'Inter', sans-serif;
    font-size: 1.25vw;       /* 24px at 1920px (2x) */
    line-height: 2.963vh;    /* 32px at 1080p */
    font-weight: 500;
    letter-spacing: 0.026vw; /* 0.5px at 1920px (2x) */
}

.label-small {
    font-family: 'Inter', sans-serif;
    font-size: 1.146vw;      /* 22px at 1920px (2x) */
    line-height: 2.963vh;    /* 32px at 1080p */
    font-weight: 500;
    letter-spacing: 0.01vw;  /* 0.2px at 1920px (2x) */
}

/* Body Styles */
.body-large {
    font-family: 'Inter', sans-serif;
    font-size: 1.666vw;      /* 32px at 1920px (2x) */
    line-height: 4.444vh;    /* 48px at 1080p */
    font-weight: 400;
    letter-spacing: 0.052vw; /* 1px at 1920px (2x) */
}

.body-medium {
    font-family: 'Inter', sans-serif;
    font-size: 1.458vw;      /* 28px at 1920px (2x) */
    line-height: 3.704vh;    /* 40px at 1080p */
    font-weight: 400;
    letter-spacing: 0.026vw; /* 0.5px at 1920px (2x) */
}

.body-small {
    font-family: 'Inter', sans-serif;
    font-size: 1.25vw;       /* 24px at 1920px (2x) */
    line-height: 2.963vh;    /* 32px at 1080p */
    font-weight: 400;
    letter-spacing: 0.02vw;  /* 0.4px at 1920px (2x) */
}