body {
  /* Colors */
  --primary: #BD9A34;
  --primary-alt: #5daeea;
  --secondary: #7bb8b8; /* darken(#9cd4d4, 10) */
  --secondary-alt: #6bb0b0; /* darken(#9cd4d4, 12) */
  --tertiary: #7bb8b8; /* darken(#9cd4d4, 10) */
  --tertiary-alt: #6bb0b0; /* darken(#9cd4d4, 12) */
  --error: #b61d1d;
  --border-color: #242424;
  --light-border-color: #EEE;

  --success: #64b974;
  --notice: var(--secondary);

  /* Typography */
  --base-font-size: 16px;
  --header-font: "PT Sans", serif;
  --body-font: "PT Sans", sans-serif;

  /* Layout */
  --navbar-width: 30rem;
  --spacing: 2.5rem;

  /* Breakpoints */
  --sm: 640px;
  --md: 1024px;
  --lg: 1280px;
  --xl: 1536px;
}