:root {
  --size-icon-normal: 1em;
  --size-icon-large: 4rem;

  --size-spacing-small: 0.25rem;
  --size-spacing-medium: 0.5rem;
  --size-spacing-large: 1rem;
  --size-spacing-xlarge: 2rem;

  --size-radius-medium: var(--size-spacing-medium);

  --size-type-body: 1rem;
  --size-type-mlarge: 1.25rem;
  --size-type-large: 1.5rem;
  --size-type-xlarge: 2rem;
  --size-type-xxlarge: 2.5rem;

  --color-accent: rgb(42 143 42);
  --color-background-header: var(--color-accent);
  --color-background-page: rgb(238 237 231);
  --color-link-inverted: rgb(255 208 0);
  --color-link: var(--color-accent);
  --color-text: rgb(51 51 51);
  --color-text-heading: var(--color-accent);
  --color-text-inverted: rgb(255 255 255);

  --font-family-body: Merriweather, Baskerville, Cambria,
    "Noto Serif", "Bitstream Charter", serif;
  --font-family-display: Kanit, "Trebuchet MS", Calibri, Roboto,
    "Segoe UI", Ubuntu, sans-serif;

  --font-line-height-body: 1.5;
  --font-line-height-display: 1.125;

  --font-weight-normal: 400;
  --font-weight-light: 200;
  --font-weight-bold: 700;

  --line-weight-rule: 1px;
}