html, :root {
  --burnt-orange: #bf5700;
  --burnt-orange-decimal: 191, 87, 0;

  --almost-black: #333f48;
  --muted: #535f68;
  --extra-muted: #838f98;

  --bright-orange: #f8971f;
  --bright-orange-decimal: 248, 151, 31;

  --yellow: #ffd600;
  --lime: #a6cd57;
  --grass-green: #579d42;
  --teal-blue: #00a9b7;
  --navy-blue: #005f86;
  --navy-blue-decimal: 0, 95, 134;
  --gray: #9cadb7;
  --tan: #d6d2c4;

  --light-tan: #e6e2d4;


  --white: #fff;
  --background-white: #f9f9f9;
  --background-white-decimal: 249, 249, 249;

  --border-gray: #d0d0d0;
  --block-gray: #eee;
  /* --text-mute: #636a6f; */
}

body {
  background-color: var(--background-white);
  color: var(--almost-black);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--almost-black);
}

p, ul, ol, pre, table, b, i, strong, em, small, sub, sup {
  color: var(--almost-black);
}

.muted {
  color: var(--muted);
}

.extra-muted {
  color: var(--extra-muted);
}