css4 variables

demo.css

:root {
  --color-text: #444;
  --color-background: white;
  --color-link: #1589ee;
  --color-link-active: #0b5392;
  --font-family-body: "Helvetica", sans-serif;
  --font-family-head: "Helvetica", sans-serif;
  --font-weight-body: 400;
  --font-weight-head: 400;
  --font-size-body: 14px;
  --font-size-h1: 2rem;
  --font-size-h2: 1.5rem;
  --font-size-h3: 1.25rem;
  --font-size-h4: 1.125rem;
  --font-size-h5: 14px;
  --font-size-h6: 0.875rem;
  --font-leading-body: 1.428571429;
  --font-leading-head: 1.3333333;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  position: relative;
  min-height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-size: var(--font-size-body);
}