:root {
    --chocolate-cosmos: #571c2a;
    --dun: #dbcfb0;
    --reseda-green: #657153;
    --burnt-orange: #ba5c12;
    --paynes-gray: #495d63;
    --ebony: #5B5941;
}

.bg-chocolate-cosmos { background-color: var(--chocolate-cosmos); }
.bg-dun { background-color: var(--dun); }
.bg-reseda-green { background-color: var(--reseda-green); }
.bg-burnt-orange { background-color: var(--burnt-orange); }
.bg-paynes-gray { background-color: var(--paynes-gray); }
.bg-ebony { background-color: var(--ebony); }

.text-chocolate-cosmos { color: var(--chocolate-cosmos); }
.text-dun { color: var(--dun); }
.text-reseda-green { color: var(--reseda-green); }
.text-burnt-orange { color: var(--burnt-orange); }
.text-paynes-gray { color: var(--paynes-gray); }
.text-ebony { color: var(--ebony); }

.top-text {
    color: var(--dun);
  }

  @media (min-width: 768px) {
    .top-text {
      color: var(--chocolate-cosmos);
    }
  }