:root {
  /* COLORS */
  --color-page-bg: #d8d8d3;
  --color-bg: #f2f2ed;
  --color-text: #111;
  --color-border: #111;
  --color-surface-dark: #171717;
  --color-surface-light: #eee;
  --color-muted: rgba(17, 17, 17, 0.55);

  --color-boot-bg: #000;
  --color-boot-fg: #f2f2ed;

  /* TYPOGRAPHY */
  --font-family-base: "Arimo", sans-serif;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;

  --text-xxs: 8px;
  --text-xs: 9px;
  --text-sm: 10px;
  --text-md: 11px;
  --text-base: 15px;

  --tracking-uppercase: 0.1em;
  --tracking-sm: 0.08em;

  --line-height-body: 1.5;

  /* SPACING */
  --space-xxs: 8px;
  --space-xs: 10px;
  --space-sm: 14px;
  --space-md: 20px;
  --space-lg: 30px;

  /* BORDER / MOTION */
  --border-width: 1px;
  --transition-fast: 120ms ease;
  --transition-hover: 150ms ease;
  --transition-base: 180ms ease;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--font-weight-bold);
}