/* 
 * Generated by clampgenerator.com 
 * Font size: 14px to 18px
 * Viewport: 320vw to 1400vw
 */

/* 
 * Generated by clampgenerator.com 
 * Font size: 14px to 18px
 * Viewport: 320vw to 1400vw
 */

html {
    font-size: 16px;
}

:root {
    --text-2xs: clamp(0.72rem, calc(-0.03vw + 0.73rem), 0.7rem);
    --text-xs: clamp(0.77rem, calc(0.03vw + 0.76rem), 0.79rem);
    --text-s: clamp(0.82rem, calc(0.1vw + 0.8rem), 0.89rem);
    --text-m: clamp(0.88rem, calc(0.19vw + 0.84rem), 1rem);
    --text-l: clamp(0.93rem, calc(0.28vw + 0.88rem), 1.13rem);
    --text-xl: clamp(1rem, calc(0.4vw + 0.92rem), 1.27rem);
    --text-2xl: clamp(1.06rem, calc(0.53vw + 0.96rem), 1.42rem);
    --text-3xl: clamp(1.13rem, calc(0.69vw + 1rem), 1.6rem);
    --text-4xl: clamp(1.21rem, calc(0.88vw + 1.03rem), 1.8rem);

    --font-h1: var(--text-4xl);
    --font-h2: var(--text-3xl);
    --font-h3: var(--text-2xl);
    --font-h4: var(--text-xl);
    --font-h5: var(--text-l);
    --font-h6: var(--text-m);
    --font-base: var(--text-m);
    --font-small: var(--text-s);
    --font-tiny: var(--text-xs);
    --font-code: var(--text-s);
    --font-extra-tiny: var(--text-2xs);
}

/* Font Family Setup */
body,
.base {
    font-weight: 400;
    font-family: var(--gp-font--body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

code,
.code {
    font-weight: 400;
}

/* Typography Sizes with Variables */
h1,
.h1 {
    font-size: var(--font-h1);
}

h2,
.h2 {
    font-size: var(--font-h2);
}

h3,
.h3 {
    font-size: var(--font-h3);
}

h4,
.h4 {
    font-size: var(--font-h4);
}

h5,
.h5 {
    font-size: var(--font-h5);
}

h6,
.h6 {
    font-size: var(--font-h6);
}

body,
.base {
    font-size: var(--font-base);
}

small,
.small {
    font-size: var(--font-small);
}

.tiny,
.tiny {
    font-size: var(--font-tiny);
}

code,
.code {
    font-size: var(--font-code);
}