:root,body {
    font:var(--font--text);
    color: var(--color--text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    overflow-wrap: break-word;
    overscroll-behavior: none;
    background-color: var(--color--background);

    --color--heading:var(--b-700);
    --font--title--h1:normal 700 var(--font-size--h1)/var(--line-height--h1) var(--font-family--heading);
    --font--title--h2:normal 700 var(--font-size--h2)/var(--line-height--h2) var(--font-family--heading);
    --font--title--h3:normal 700 var(--font-size--h3)/var(--line-height--h3) var(--font-family--heading);
    --font--title--h4:normal 700 var(--font-size--h4)/var(--line-height--h4) var(--font-family--heading);
    --font--title--h5:normal 700 var(--font-size--h5)/var(--line-height--h5) var(--font-family--heading);
    --font--title--h6:normal 700 var(--font-size--h6)/var(--line-height--h6) var(--font-family--heading);

    --font--text: 1rem/1.5 var(--font-family--text, sans-serif);
    --font--text--bold: bold 1rem/1.5 var(--font-family--text, sans-serif);
    --font--small:0.875rem/1.714 var(--font-family--text, sans-serif);
    --font--input: var(--font--text);

    --outline--focus: var(--focus--outline);
    --outline--active: var(--active--outline);
    --color--link--text: var(--link--color);

    --color--background: #fff;
    --color--border: #ccc;

    --color--lead--text: var(--lead--color);
    --color--title--text: var(--color--heading);

    --color--list--icon: var(--color--primary);

    --color--link--text: var(--color--primary);
    --color--link--text--hover: var(--color--tertiary);
    --color--link--text--focus: var(--color--tertiary);
    --color--link--text--active: var(--color--tertiary);

    --color--link--decoration: var(--color--primary);
    --color--link--decoration--hover: transparent;
    --color--link--decoration--focus: transparent;
    --color--link--decoration--active: transparent;

    
    --color--button--background: var(--color--primary);
    --color--button--text: #fff;
    --color--button--border: var(--color--primary);

    --color--button--background--hover: var(--color--primary--hover);
    --color--button--text--hover: #fff;
    --color--button--border--hover: var(--color--primary--hover);

    --color--button--background--focus: var(--color--primary--hover);
    --color--button--text--focus: #fff;
    --color--button--border--focus: var(--color--primary--hover);

    --color--button--background--active: var(--color--primary--hover);
    --color--button--text--active: #fff;
    --color--button--border--active: var(--color--primary--hover);

    --color--button--background--disabled: #ededed;
    --color--button--text--disabled: #bcbcbc;
    --color--button--border--disabled: #ededed;
    
    --color--label--text:var(--color--text);

    --color--input--background:#fff;
    --color--input--border:#ccc;
    --color--input--text:var(--color--text);

    --color--input--background--focus:var(--color--input--background);
    --color--input--border--focus:var(--color--input--border);
    --color--input--text--focus:var(--color--input--text);

    --color--input--background--error:var(--color--input--background);
    --color--input--border--error:var(--color--input--border);
    --color--input--text--error:var(--color--input--text);
    
    --color--input--background--disabled:var(--color--input--background);
    --color--input--border--disabled:var(--color--input--border);
    --color--input--text--disabled:var(--color--input--text);
    
    --color--box--background--base: #ECF2FE;
    --color--box--text--base: var(--color--text);
    --color--box--border--base: #ECF2FE;

    --color--box--text: var(--color--box--text--base);
    --color--box--background: var(--color--box--background--base);
    --color--box--border: var(--color--box--border--base);

    --color--box--text--odd: var(--color--text);
    --color--box--background--odd: var(--color--background);
    --color--box--border--odd: var(--color--background);

    --color--box--text--contrast: #fff;
    --color--box--background--contrast: #000;
    --color--box--border--contrast: #000;

    --color--box--text--emphasis: #fff;
    --color--box--background--emphasis: #202084;
    --color--box--border--emphasis: #202084;

    --color--box--text--info: #202084;
    --color--box--background--info: #CFE2FF;
    --color--box--border--info: #CFE2FF;

    --color--box--text--warning: #664D03;
    --color--box--background--warning: #FFF3CD;
    --color--box--border--warning: #FFF3CD;

    --color--box--text--error: #842029;
    --color--box--background--error: #F8D7DA;
    --color--box--border--error: #F8D7DA;

    --color--box--text--success: #0F5132;
    --color--box--background--success: #D1E7DD;
    --color--box--border--success: #D1E7DD;

    --color--quote--emphasis: var(--color--link--text);
    --color--quote--text: #333E48;

    --font--input:var(--input--font);

    --font--text: 1rem/1.5 var(--font-family--text, sans-serif);
    --font--text--bold: bold 1rem/1.5 var(--font-family--text, sans-serif);
    --font--small:0.875rem/1.714 var(--font-family--text, sans-serif);
    --font--input: var(--font--text);

    --font--button: var(--font--text--bold);
    --font--button--large: var(--font--text--bold);
    --font--button--small: var(--font--text--bold);

    --font--lead: 1.75rem/1.333333 var(--font-family--text, sans-serif);

    --font--title--h1:  3rem/1.2 var(--font-family--heading, sans-serif);
    --font--title--h2:  2.5rem/1.25 var(--font-family--heading, sans-serif);
    --font--title--h3: bold 1.5rem/1.333333 var(--font-family--heading, sans-serif);

    --font--title--h4: bold 1.25rem/1.4 var(--font-family--heading, sans-serif);
    --font--title--h5: bold 1.125rem/1.33333 var(--font-family--heading, sans-serif);
    --font--title--h6: bold 1.0625rem/1.41176 var(--font-family--heading, sans-serif);

    --font--label:normal 0.875rem/1rem var(--font-family--text);

    --spacing--none: 0;
    --spacing--xxx-small: 0.25rem;
    --spacing--xx-small: 0.5rem;
    --spacing--x-small: 1rem;
    --spacing--small: 1.5rem;
    --spacing--medium: 2rem;
    --spacing--large: 3rem;
    --spacing--x-large: 4rem;
    --spacing--xx-large: 5rem;
    --spacing--xxx-large: 8rem;

    
    --border-radius--button: 0.5rem;
    --border-width--button:2px;
    --height--button:3.5rem;
    --padding--button:1rem 1.5rem;
    
    --height--input:3rem;
    --padding--input:0.5rem 1rem;
    --border-radius--input:0;
    --border-width--input:0;
    
    --border-width--box: none;
    --border-radius--box: none;
    --box-shadow--box: none;
    --padding--box:1.5rem;

    --box-shadow--button: none;
    --box-shadow--button--hover: none;
    --box-shadow--button--focus: none;
    --box-shadow--button--active: none;

    --box-shadow--input: none;
    --box-shadow--input--hover: none;
    --box-shadow--input--focus: none;
    --box-shadow--input--error: none;
}

.has-x-small-font-size {
    line-height:var(--line-height--x-small, var(--line-height--text));
}
.has-small-font-size {
    line-height:var(--line-height--small, var(--line-height--text));
}
.has-medium-font-size {
    line-height:var(--line-height--medium, var(--line-height--text));
}
.has-large-font-size {
    line-height:var(---line-height--large, var(--line-height--text));
}
.has-x-large-font-size {
    line-height:var(--line-height--x-large, var(--line-height--text));
}
.has-xx-large-font-size {
    line-height:var(--line-height--xx-large, var(--line-height--text));
}


.alignwide {
    max-width: var(--layout--wide-size) !important;
    margin-left:auto;margin-right:auto;
}
.aligncontent{
    max-width: var(--layout--content-size) !important;
    margin-left:auto;margin-right:auto;
}

.alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: var(--gaps--columns);
}
.alignright {
    float: right;
    margin-inline-start: var(--gaps--columns);
    margin-inline-end: 0;
}

.is-layout-flex{
    display:flex;
}

.is-content-justification-space-between{
    flex-wrap: nowrap;
    justify-content: space-between;
}