Global default variables for all Basscss modules.
:root {
--font-family: 'Helvetica Neue', Helvetica, sans-serif;
--line-height: 1.5;
--heading-font-family: var(--font-family);
--heading-font-weight: bold;
--heading-line-height: 1.25;
--monospace-font-family: 'Source Code Pro', Consolas, monospace;
--h1: 2rem;
--h2: 1.5rem;
--h3: 1.25rem;
--h4: 1rem;
--h5: .875rem;
--h6: .75rem;
--bold-font-weight: bold;
--space-1: .5rem;
--space-2: 1rem;
--space-3: 2rem;
--space-4: 4rem;
--form-field-font-size: 1rem;
--form-field-height: 2.25rem;
--form-field-padding-y: .5rem;
--form-field-padding-x: .5rem;
--button-font-size: inherit;
--button-font-weight: bold;
--button-line-height: 1.125rem;
--button-padding-y: .5rem;
--button-padding-x: 1rem;
--table-header-font-weight: var(--bold-font-weight);
--table-cell-padding-x: var(--space-2);
--table-cell-padding-y: .25rem;
--container-width: 64em;
--blue: #0076df;
--red: #ff4919;
--green: #00df3f;
--yellow: #ffcf00;
--dark-gray: #333;
--mid-gray: #777;
--light-gray: #ccc;
--lighter-gray: #eee;
--darken-1: rgba(#000,.0625);
--darken-2: rgba(#000,.125);
--darken-3: rgba(#000,.25);
--darken-4: rgba(#000,.5);
--border-color: var(--light-gray);
--border-width: 1px;
--border-radius: 3px;
--button-nav-light-color: var(--blue, inherit);
--hover-background-color: var(--darken-1);
}