/* @group @font kerning */

body {
/*font-feature-settings: "pika";*/
font-feature-settings: "palt";
letter-spacing: .05ch;
}

/* @end @font kerning */

/* @group @font-family */

body {
font-family: var(--font-family);
font-weight: var(--font-weight);
color: var(--gray-colors-20);
}

pre, code p, li, dt, dd, th, td, input, textarea, select, button {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}

h1,h2,h3,h4,h5,h6,strong {
font-weight: var(--font-weight-bold);
}

html {line-height: 1.5;}

/* @end @font-family */

/* @group @base font-size */

html {font-size: 87.5%;}

@media all and (min-width: 36em) {
html {font-size: 87.5%;}
}

@media all and (min-width: 48em) {
html {font-size: 93.75%;}
}

@media all and (min-width: 62em) {
html {font-size: 100%;}
}

/* @end @base font-size */

/* @group @Variables - font-size core */

h1 {
font-size: var(--font-size-xxxx-large);
line-height: var(--lineheight-xxxx-large);
}

h2 {
font-size: var(--font-size-xxx-large);
line-height: var(--lineheight-xxx-large);
}

h3 {
font-size: var(--font-size-x-large);
line-height: var(--lineheight-x-large);
}

h4 {
font-size: var(--font-size-large);
line-height: var(--lineheight-large);

}

h5 {
font-size: var(--font-size-medium);
line-height: var(--lineheight-medium);
}

small {
font-size: 80%;
}

/* @end @Variables - font-size core */