@import '../index.scss';
.cr-maple { color: $cr-maple; }
.cr-maple-100 { color: $cr-maple-100; }
.cr-maple-200 { color: $cr-maple-200; }
.cr-maple-300 { color: $cr-maple-300; }
.cr-dive { color: $cr-dive; }
.cr-dive-100 { color: $cr-dive-100; }
.cr-dive-200 { color: $cr-dive-200; }
.cr-dive-300 { color: $cr-dive-300; }
.cr-night { color: $cr-night; }
.cr-night-100 { color: $cr-night-100; }
.cr-night-200 { color: $cr-night-200; }
.cr-night-300 { color: $cr-night-300; }
.cr-snow { color: $cr-snow; }
.cr-snow-100 { color: $cr-snow-100; }
.cr-snow-200 { color: $cr-snow-200; }
.cr-snow-300 { color: $cr-snow-300; }
.cr-blue { color: $cr-blue; }
.cr-blue-100 { color: $cr-blue-100; }
.cr-blue-200 { color: $cr-blue-200; }
.cr-blue-300 { color: $cr-blue-300; }
.cr-green { color: $cr-green; }
.cr-green-100 { color: $cr-green-100; }
.cr-green-200 { color: $cr-green-200; }
.cr-green-300 { color: $cr-green-300; }
.cr-orange { color: $cr-orange; }
.cr-orange-100 { color: $cr-orange-100; }
.cr-orange-200 { color: $cr-orange-200; }
.cr-orange-300 { color: $cr-orange-300; }
.cr-yellow { color: $cr-yellow; }
.cr-yellow-100 { color: $cr-yellow-100; }
.cr-yellow-200 { color: $cr-yellow-200; }
.cr-yellow-300 { color: $cr-yellow-300; }
.cr-gray { color: $cr-gray; }
.cr-gray-100 { color: $cr-gray-100; }
.cr-gray-200 { color: $cr-gray-200; }
.cr-gray-300 { color: $cr-gray-300; }
.cr-seal { color: $cr-seal; }
.cr-seal-100 { color: $cr-seal-100; }
.cr-seal-200 { color: $cr-seal-200; }
.cr-seal-300 { color: $cr-seal-300; }

.cr-bg-maple { background-color: $cr-maple; }
.cr-bg-maple-100 { background-color: $cr-maple-100; }
.cr-bg-maple-200 { background-color: $cr-maple-200; }
.cr-bg-maple-300 { background-color: $cr-maple-300; }
.cr-bg-dive { background-color: $cr-dive; }
.cr-bg-dive-100 { background-color: $cr-dive-100; }
.cr-bg-dive-200 { background-color: $cr-dive-200; }
.cr-bg-dive-300 { background-color: $cr-dive-300; }
.cr-bg-night { background-color: $cr-night; }
.cr-bg-night-100 { background-color: $cr-night-100; }
.cr-bg-night-200 { background-color: $cr-night-200; }
.cr-bg-night-300 { background-color: $cr-night-300; }
.cr-bg-snow { background-color: $cr-snow; }
.cr-bg-snow-100 { background-color: $cr-snow-100; }
.cr-bg-snow-200 { background-color: $cr-snow-200; }
.cr-bg-snow-300 { background-color: $cr-snow-300; }
.cr-bg-blue { background-color: $cr-blue; }
.cr-bg-blue-100 { background-color: $cr-blue-100; }
.cr-bg-blue-200 { background-color: $cr-blue-200; }
.cr-bg-blue-300 { background-color: $cr-blue-300; }
.cr-bg-green { background-color: $cr-green; }
.cr-bg-green-100 { background-color: $cr-green-100; }
.cr-bg-green-200 { background-color: $cr-green-200; }
.cr-bg-green-300 { background-color: $cr-green-300; }
.cr-bg-orange { background-color: $cr-orange; }
.cr-bg-orange-100 { background-color: $cr-orange-100; }
.cr-bg-orange-200 { background-color: $cr-orange-200; }
.cr-bg-orange-300 { background-color: $cr-orange-300; }
.cr-bg-yellow { background-color: $cr-yellow; }
.cr-bg-yellow-100 { background-color: $cr-yellow-100; }
.cr-bg-yellow-200 { background-color: $cr-yellow-200; }
.cr-bg-yellow-300 { background-color: $cr-yellow-300; }
.cr-bg-gray { background-color: $cr-gray; }
.cr-bg-gray-100 { background-color: $cr-gray-100; }
.cr-bg-gray-200 { background-color: $cr-gray-200; }
.cr-bg-gray-300 { background-color: $cr-gray-300; }
.cr-bg-seal { background-color: $cr-seal; }
.cr-bg-seal-100 { background-color: $cr-seal-100; }
.cr-bg-seal-200 { background-color: $cr-seal-200; }
.cr-bg-seal-300 { background-color: $cr-seal-300; }

.cr-border-maple { border-color: $cr-maple; }
.cr-border-maple-100 { border-color: $cr-maple-100; }
.cr-border-maple-200 { border-color: $cr-maple-200; }
.cr-border-maple-300 { border-color: $cr-maple-300; }
.cr-border-dive { border-color: $cr-dive; }
.cr-border-dive-100 { border-color: $cr-dive-100; }
.cr-border-dive-200 { border-color: $cr-dive-200; }
.cr-border-dive-300 { border-color: $cr-dive-300; }
.cr-border-night { border-color: $cr-night; }
.cr-border-night-100 { border-color: $cr-night-100; }
.cr-border-night-200 { border-color: $cr-night-200; }
.cr-border-night-300 { border-color: $cr-night-300; }
.cr-border-snow { border-color: $cr-snow; }
.cr-border-snow-100 { border-color: $cr-snow-100; }
.cr-border-snow-200 { border-color: $cr-snow-200; }
.cr-border-snow-300 { border-color: $cr-snow-300; }
.cr-border-blue { border-color: $cr-blue; }
.cr-border-blue-100 { border-color: $cr-blue-100; }
.cr-border-blue-200 { border-color: $cr-blue-200; }
.cr-border-blue-300 { border-color: $cr-blue-300; }
.cr-border-green { border-color: $cr-green; }
.cr-border-green-100 { border-color: $cr-green-100; }
.cr-border-green-200 { border-color: $cr-green-200; }
.cr-border-green-300 { border-color: $cr-green-300; }
.cr-border-orange { border-color: $cr-orange; }
.cr-border-orange-100 { border-color: $cr-orange-100; }
.cr-border-orange-200 { border-color: $cr-orange-200; }
.cr-border-orange-300 { border-color: $cr-orange-300; }
.cr-border-yellow { border-color: $cr-yellow; }
.cr-border-yellow-100 { border-color: $cr-yellow-100; }
.cr-border-yellow-200 { border-color: $cr-yellow-200; }
.cr-border-yellow-300 { border-color: $cr-yellow-300; }
.cr-border-gray { border-color: $cr-gray; }
.cr-border-gray-100 { border-color: $cr-gray-100; }
.cr-border-gray-200 { border-color: $cr-gray-200; }
.cr-border-gray-300 { border-color: $cr-gray-300; }
.cr-border-seal { border-color: $cr-seal; }
.cr-border-seal-100 { border-color: $cr-seal-100; }
.cr-border-seal-200 { border-color: $cr-seal-200; }
.cr-border-seal-300 { border-color: $cr-seal-300; }