$cr-namespace: 'cr-';
$cr-maple: #ed5153;
$cr-maple-100: #fee3e3;
$cr-maple-200: #b93435;
$cr-maple-300: #872525;
$cr-dive: #232a3b;
$cr-dive-100: #3c7797;
$cr-dive-200: #32637e;
$cr-dive-300: #34495e;
$cr-night: #0c0d0d;
$cr-night-100: #383d3d;
$cr-night-200: #212424;
$cr-night-300: #181a1a;
$cr-snow: #fff;
$cr-snow-100: #fcfcfc;
$cr-snow-200: #f3f3f3;
$cr-snow-300: #e1e4e5;
$cr-blue: #2875c6;
$cr-blue-100: #e9fafe;
$cr-blue-200: #5187e0;
$cr-blue-300: #1d5794;
$cr-green: #35b858;
$cr-green-100: #e0f8e6;
$cr-green-200: #3dd164;
$cr-green-300: #26853f;
$cr-orange: #e69524;
$cr-orange-100: #fdebd0;
$cr-orange-200: #f39c26;
$cr-orange-300: #996318;
$cr-yellow: #f1f326;
$cr-yellow-100: #fdfcd4;
$cr-yellow-200: #ecde36;
$cr-yellow-300: #9e941f;
$cr-gray: #494c4c;
$cr-gray-100: #c4cacc;
$cr-gray-200: #abb3b3;
$cr-gray-300: #848a8a;
$cr-seal: #737883;
$cr-seal-100: #9ba0ab;
$cr-seal-200: #505765;
$cr-seal-300: #393f4c;
$cr-serif: serif;
$cr-sans-serif: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
$cr-monospace: monospace;
$cr-text-xxl: 2.25rem;
$cr-text-xl: 1.5rem;
$cr-text-l: 1.125rem;
$cr-text: 1rem;
$cr-text-s: 0.875rem;
$cr-text-xs: 0.75rem;
$cr-text-xxs: 0.5rem;
$cr-regular: 400;
$cr-bold: 700;
$cr-letter-spacing-normal: normal;
$cr-letter-spacing-1: 0.03125rem;
$cr-letter-spacing-2: 0.0625rem;
$cr-letter-spacing-3: 0.09375rem;
$cr-spacing-0: 0;
$cr-spacing-1: 0.375rem;
$cr-spacing-2: 0.75rem;
$cr-spacing-3: 1.125rem;
$cr-spacing-4: 1.5rem;
$cr-spacing-5: 1.875rem;
$cr-spacing-6: 2.25rem;
$cr-spacing-7: 2.625rem;
$cr-spacing-8: 3rem;
$cr-spacing-9: 3.375rem;
$cr-spacing-10: 3.75rem;
$cr-shadow-1: 0 0.0625rem 0.125rem rgba(12, 13, 13, 0.15);
$cr-shadow-2: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15);
$cr-shadow-3: 0 0.1875rem 0.375rem rgba(12, 13, 13, 0.15);
$cr-shadow-4: 0 0.375rem 0.75rem rgba(12, 13, 13, 0.15);
$cr-shadow-5: 0 0.75rem 1.5rem rgba(12, 13, 13, 0.15);
$cr-inner-shadow-1: inset 0 0.0625rem 0.125rem rgba(56, 61, 61, 0.1);
$cr-inner-shadow-2: inset 0 0 0.375rem rgba(12, 13, 13, 0.18);
$cr-inner-shadow-n1: inset 0 -0.0625rem 0.1875rem rgba(12, 13, 13, 0.18);
$cr-border-shadow: 0 0 0 0.0625rem rgba(12, 13, 13, 0.15);
$cr-radius-1: 0.1875rem;
$cr-radius-2: 0.375rem;
$cr-radius-circle: 50%;
$cr-transition-duration-fast: 100ms;
$cr-transition-duration-base: 200ms;
$cr-transition-duration-slow: 300ms;