/* @group @variables */

:root {
--text-block-margin-bottom: 1.5rem;
--text-margin-bottom: 1.5rem;
--text-block-font-size: inherit;
--text-block-line-height: inherit;
--text-paragraph-line-height: var(--line-height-tercero);
--body-color: var(--color-text);
--link-transition: all .3s 0s cubic-bezier(.6, .5, .5, .75);
--link-transition-type: all;
--link-transition-time: .2s;
--link-transition-delay: 0s;
--link-transition-cubic-bezier: cubic-bezier(.6, .5, .5, .75);
--link-border-size: 1px;
}

body {
font-family: var(--font-family-default);
font-weight: 300;
color: var(--body-color);
}

h1 {
margin-top: var(--head-1-margin-top);
margin-bottom: var(--head-1-margin-bottom);
font-family: var(--head-1-font-family);
font-size: var(--head-1-font-size);
line-height: var(--head-1-line-height);
color: var(--head-1-color);
font-weight: var(--head-1-font-weight);
text-transform: var(--head-1-text-transform);
/* word-break: var(--head-1-word-break); */
}

h2 {
margin-top: var(--head-2-margin-top);
margin-bottom: var(--head-2-margin-bottom);
font-family: var(--head-2-font-family);
font-size: var(--head-2-font-size);
line-height: var(--head-2-line-height);
color: var(--head-2-color);
font-weight: var(--head-2-font-weight);
word-break: var(--head-2-word-break);
text-align: var(--head-2-text-align);
}

h3 {
margin-top: var(--head-3-margin-top);
margin-bottom: var(--head-3-margin-bottom);
font-family: var(--head-3-font-family);
font-size: var(--head-3-font-size);
line-height: var(--head-3-line-height);
color: var(--head-3-color);
font-weight: var(--head-3-font-weight);
word-break: var(--head-3-word-break);
text-align: var(--head-3-text-align);
}

h4 {
margin-top: var(--head-4-margin-top);
margin-bottom: var(--head-4-margin-bottom);
font-size: var(--head-4-font-size);
line-height: var(--head-4-line-height);
color: var(--head-4-color);
font-weight: var(--head-4-font-weight);
word-break: var(--head-4-word-break);
text-align: var(--head-4-text-align);
}

h5 {
margin-top: var(--head-5-margin-top);
margin-bottom: var(--head-5-margin-bottom);
font-size: var(--head-5-font-size);
line-height: var(--head-5-line-height);
color: var(--head-4-color);
font-weight: var(--head-5-font-weight);
word-break: var(--head-5-word-break);
text-align: var(--head-5-text-align);
}

figcaption {
margin-top: var(--figcaption-margin-top);
margin-bottom: var(--figcaption-margin-bottom);
font-size: var(--figcaption-font-size);
line-height: var(--figcaption-line-height);
color: var(--figcaption-color);
font-weight: var(--figcaption-font-weight);
word-break: var(--figcaption-word-break);
text-align: var(--figcaption-text-align);
}

p, ul, ol, dl, table {
margin-top: var(--text-block-margin-top);
margin-bottom: var(--text-block-margin-bottom);
}

blockquote {
margin-top: var(--text-blockquote-margin-top);
margin-bottom: var(--text-blockquote-margin-bottom);
}

pre {
margin-top: var(--text-code-margin-top);
margin-bottom: var(--text-code-margin-bottom);
}

figure {
margin-top: var(--text-figure-margin-top);
margin-bottom: var(--text-figure-margin-bottom);
}

a {
transition: var(--link-transition);
}

pre,code{font-family: var(--font-family-pre);}
.a-font-numeric{font-family: var(--font-family-numeric);}

:root {
--text-block-margin-top: 0;
--text-blockquote-margin-top: 0;
--text-code-margin-top: 0;
--text-figure-margin-top: 0;
}

.o-mutual-header,
.o-mutual-footer,
.o-mutual-nav {
--text-block-margin-bottom: 0;
--head-1-margin-bottom: 0;
--head-1-font-size: inherit;
--head-1-line-height: var(--line-height-proto);
--head-2-margin-bottom: 0;
--head-2-font-size: inherit;
--head-2-line-height: var(--line-height-proto);
}

/* @end @variables */