/* ==========================================================================
   ELEMENTS / TYPOGRAPHY
   ========================================================================== */

/* Headings
   =========================================== */

/**
 * Force all headings to have the exact same *default* styling. This means we
 * are free to use the correct semantic element without having opinionated look-
 * and-feel attached to it. Provide all cosmetics for specific visual use cases
 * via heading classes (i.e. `.c-heading-*`).
 *
 * http://csswizardry.com/2016/02/managing-typography-on-large-apps/
 */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 16px;
	font-weight: normal;
}

/* Other text-level elements
   =========================================== */

/**
 * As above, leave SMALL as a purely semantic choice, and omit any cosmetics.
 */
small {
	font: inherit;
}