:root {
    --color-black-900-rgb: 34, 34, 34; /* #222222 */
    --color-black-700-rgb: 51, 51, 51; /* #333333 */
    --color-black-600-rgb: 97, 97, 97; /* #616161 */
    --color-black-500-rgb: 154, 154, 154; /* #9A9A9A */
    --color-white-100-rgb: 255, 255, 255; /* #FFFFFF */
    --color-white-200-rgb: 238, 238, 238; /* #EEEEEE */
    --color-green-700-rgb: 106, 169, 0; /* #6AA900 */
    --color-green-600-rgb: 151, 214, 0; /* #97D600 */
    --color-green-500-rgb: 172, 223, 51; /* #ACDF33 */
    --color-green-400-rgb: 193, 231, 102; /* #C1E766 */
    --color-green-300-rgb: 219, 241, 166; /* #DBF1A6 */
    --color-green-200-rgb: 245, 251, 230; /* #F5FBE6 */
    --color-blue-600-rgb: 91, 194, 231; /* #5BC2E7 */
    --color-blue-500-rgb: 127, 202, 235; /* #7FCAEB */
    --color-blue-400-rgb: 159, 213, 239; /* #9FD5EF */
    --color-blue-300-rgb: 233, 239, 242; /* #E9EFF2 */
    --color-blue-200-rgb: 241, 245, 247; /* #F1F5F7 */
    --color-blue-100-rgb: 247, 249, 250; /* #F7F9FA */
    --color-red-700-rgb: 165, 0, 52; /* #A50034 */
    --color-orange-700-rgb: 234, 118, 0; /* #EA7600 */
    --color-yellow-700-rgb: 234, 170, 0; /* #EAAA00 */
    --color-coffee-700-rgb: 148, 121, 93; /* #94795D */
    --color-purple-700-rgb: 112, 47, 138; /* #702F8A */
    --color-teal-700-rgb: 0, 150, 129; /* #009681 */
    --color-navy-700-rgb: 0, 47, 108; /* #002F6C */
    --color-steel-700-rgb: 103, 131, 141; /* #67838D */
}

:root {
    --color-black-900: rgb(var(--color-black-900-rgb));
    --color-black-700: rgb(var(--color-black-700-rgb));
    --color-black-600: rgb(var(--color-black-600-rgb));
    --color-black-500: rgb(var(--color-black-500-rgb));
    --color-white-100: rgb(var(--color-white-100-rgb));
    --color-white-200: rgb(var(--color-white-200-rgb));
    --color-green-700: rgb(var(--color-green-700-rgb));
    --color-green-600: rgb(var(--color-green-600-rgb));
    --color-green-500: rgb(var(--color-green-500-rgb));
    --color-green-400: rgb(var(--color-green-400-rgb));
    --color-green-300: rgb(var(--color-green-300-rgb));
    --color-green-200: rgb(var(--color-green-200-rgb));
    --color-blue-600: rgb(var(--color-blue-600-rgb));
    --color-blue-500: rgb(var(--color-blue-500-rgb));
    --color-blue-400: rgb(var(--color-blue-400-rgb));
    --color-blue-300: rgb(var(--color-blue-300-rgb));
    --color-blue-200: rgb(var(--color-blue-200-rgb));
    --color-blue-100: rgb(var(--color-blue-100-rgb));
    --color-red-700: rgb(var(--color-red-700-rgb));
    --color-orange-700: rgb(var(--color-orange-700-rgb));
    --color-yellow-700: rgb(var(--color-yellow-700-rgb));
    --color-coffee-700: rgb(var(--color-coffee-700-rgb));
    --color-purple-700: rgb(var(--color-purple-700-rgb));
    --color-teal-700: rgb(var(--color-teal-700-rgb));
    --color-navy-700: rgb(var(--color-navy-700-rgb));
    --color-steel-700: rgb(var(--color-steel-700-rgb));
}

:root {
    --box-shadow-size-small: 0 4px 8px;
    --box-shadow-size-medium: 0 8px 16px;
    --box-shadow-size-large: 0 16px 32px;
}

:root {
    --box-shadow-black-900-small: var(--box-shadow-size-small) rgba(var(--color-black-900-rgb), 0.1);
    --box-shadow-black-900-medium: var(--box-shadow-size-medium) rgba(var(--color-black-900-rgb), 0.1);
    --box-shadow-black-900-large: var(--box-shadow-size-large) rgba(var(--color-black-900-rgb), 0.1);
    --box-shadow-black-700-small: var(--box-shadow-size-small) rgba(var(--color-black-700-rgb), 0.1);
    --box-shadow-black-700-medium: var(--box-shadow-size-medium) rgba(var(--color-black-700-rgb), 0.1);
    --box-shadow-black-700-large: var(--box-shadow-size-large) rgba(var(--color-black-700-rgb), 0.1);
    --box-shadow-black-600-small: var(--box-shadow-size-small) rgba(var(--color-black-600-rgb), 0.1);
    --box-shadow-black-600-medium: var(--box-shadow-size-medium) rgba(var(--color-black-600-rgb), 0.1);
    --box-shadow-black-600-large: var(--box-shadow-size-large) rgba(var(--color-black-600-rgb), 0.1);
    --box-shadow-black-500-small: var(--box-shadow-size-small) rgba(var(--color-black-500-rgb), 0.1);
    --box-shadow-black-500-medium: var(--box-shadow-size-medium) rgba(var(--color-black-500-rgb), 0.1);
    --box-shadow-black-500-large: var(--box-shadow-size-large) rgba(var(--color-black-500-rgb), 0.1);
    --box-shadow-white-100-small: var(--box-shadow-size-small) rgba(var(--color-white-100-rgb), 0.1);
    --box-shadow-white-100-medium: var(--box-shadow-size-medium) rgba(var(--color-white-100-rgb), 0.1);
    --box-shadow-white-100-large: var(--box-shadow-size-large) rgba(var(--color-white-100-rgb), 0.1);
    --box-shadow-white-200-small: var(--box-shadow-size-small) rgba(var(--color-white-200-rgb), 0.1);
    --box-shadow-white-200-medium: var(--box-shadow-size-medium) rgba(var(--color-white-200-rgb), 0.1);
    --box-shadow-white-200-large: var(--box-shadow-size-large) rgba(var(--color-white-200-rgb), 0.1);
    --box-shadow-green-700-small: var(--box-shadow-size-small) rgba(var(--color-green-700-rgb), 0.1);
    --box-shadow-green-700-medium: var(--box-shadow-size-medium) rgba(var(--color-green-700-rgb), 0.1);
    --box-shadow-green-700-large: var(--box-shadow-size-large) rgba(var(--color-green-700-rgb), 0.1);
    --box-shadow-green-600-small: var(--box-shadow-size-small) rgba(var(--color-green-600-rgb), 0.1);
    --box-shadow-green-600-medium: var(--box-shadow-size-medium) rgba(var(--color-green-600-rgb), 0.1);
    --box-shadow-green-600-large: var(--box-shadow-size-large) rgba(var(--color-green-600-rgb), 0.1);
    --box-shadow-green-500-small: var(--box-shadow-size-small) rgba(var(--color-green-500-rgb), 0.1);
    --box-shadow-green-500-medium: var(--box-shadow-size-medium) rgba(var(--color-green-500-rgb), 0.1);
    --box-shadow-green-500-large: var(--box-shadow-size-large) rgba(var(--color-green-500-rgb), 0.1);
    --box-shadow-green-400-small: var(--box-shadow-size-small) rgba(var(--color-green-400-rgb), 0.1);
    --box-shadow-green-400-medium: var(--box-shadow-size-medium) rgba(var(--color-green-400-rgb), 0.1);
    --box-shadow-green-400-large: var(--box-shadow-size-large) rgba(var(--color-green-400-rgb), 0.1);
    --box-shadow-green-300-small: var(--box-shadow-size-small) rgba(var(--color-green-300-rgb), 0.1);
    --box-shadow-green-300-medium: var(--box-shadow-size-medium) rgba(var(--color-green-300-rgb), 0.1);
    --box-shadow-green-300-large: var(--box-shadow-size-large) rgba(var(--color-green-300-rgb), 0.1);
    --box-shadow-green-200-small: var(--box-shadow-size-small) rgba(var(--color-green-200-rgb), 0.1);
    --box-shadow-green-200-medium: var(--box-shadow-size-medium) rgba(var(--color-green-200-rgb), 0.1);
    --box-shadow-green-200-large: var(--box-shadow-size-large) rgba(var(--color-green-200-rgb), 0.1);
    --box-shadow-blue-600-small: var(--box-shadow-size-small) rgba(var(--color-blue-600-rgb), 0.1);
    --box-shadow-blue-600-medium: var(--box-shadow-size-medium) rgba(var(--color-blue-600-rgb), 0.1);
    --box-shadow-blue-600-large: var(--box-shadow-size-large) rgba(var(--color-blue-600-rgb), 0.1);
    --box-shadow-blue-500-small: var(--box-shadow-size-small) rgba(var(--color-blue-500-rgb), 0.1);
    --box-shadow-blue-500-medium: var(--box-shadow-size-medium) rgba(var(--color-blue-500-rgb), 0.1);
    --box-shadow-blue-500-large: var(--box-shadow-size-large) rgba(var(--color-blue-500-rgb), 0.1);
    --box-shadow-blue-400-small: var(--box-shadow-size-small) rgba(var(--color-blue-400-rgb), 0.1);
    --box-shadow-blue-400-medium: var(--box-shadow-size-medium) rgba(var(--color-blue-400-rgb), 0.1);
    --box-shadow-blue-400-large: var(--box-shadow-size-large) rgba(var(--color-blue-400-rgb), 0.1);
    --box-shadow-blue-300-small: var(--box-shadow-size-small) rgba(var(--color-blue-300-rgb), 0.1);
    --box-shadow-blue-300-medium: var(--box-shadow-size-medium) rgba(var(--color-blue-300-rgb), 0.1);
    --box-shadow-blue-300-large: var(--box-shadow-size-large) rgba(var(--color-blue-300-rgb), 0.1);
    --box-shadow-blue-200-small: var(--box-shadow-size-small) rgba(var(--color-blue-200-rgb), 0.1);
    --box-shadow-blue-200-medium: var(--box-shadow-size-medium) rgba(var(--color-blue-200-rgb), 0.1);
    --box-shadow-blue-200-large: var(--box-shadow-size-large) rgba(var(--color-blue-200-rgb), 0.1);
    --box-shadow-blue-100-small: var(--box-shadow-size-small) rgba(var(--color-blue-100-rgb), 0.1);
    --box-shadow-blue-100-medium: var(--box-shadow-size-medium) rgba(var(--color-blue-100-rgb), 0.1);
    --box-shadow-blue-100-large: var(--box-shadow-size-large) rgba(var(--color-blue-100-rgb), 0.1);
    --box-shadow-red-700-small: var(--box-shadow-size-small) rgba(var(--color-red-700-rgb), 0.1);
    --box-shadow-red-700-medium: var(--box-shadow-size-medium) rgba(var(--color-red-700-rgb), 0.1);
    --box-shadow-red-700-large: var(--box-shadow-size-large) rgba(var(--color-red-700-rgb), 0.1);
    --box-shadow-orange-700-small: var(--box-shadow-size-small) rgba(var(--color-orange-700-rgb), 0.1);
    --box-shadow-orange-700-medium: var(--box-shadow-size-medium) rgba(var(--color-orange-700-rgb), 0.1);
    --box-shadow-orange-700-large: var(--box-shadow-size-large) rgba(var(--color-orange-700-rgb), 0.1);
    --box-shadow-yellow-700-small: var(--box-shadow-size-small) rgba(var(--color-yellow-700-rgb), 0.1);
    --box-shadow-yellow-700-medium: var(--box-shadow-size-medium) rgba(var(--color-yellow-700-rgb), 0.1);
    --box-shadow-yellow-700-large: var(--box-shadow-size-large) rgba(var(--color-yellow-700-rgb), 0.1);
    --box-shadow-coffee-700-small: var(--box-shadow-size-small) rgba(var(--color-coffee-700-rgb), 0.1);
    --box-shadow-coffee-700-medium: var(--box-shadow-size-medium) rgba(var(--color-coffee-700-rgb), 0.1);
    --box-shadow-coffee-700-large: var(--box-shadow-size-large) rgba(var(--color-coffee-700-rgb), 0.1);
    --box-shadow-purple-700-small: var(--box-shadow-size-small) rgba(var(--color-purple-700-rgb), 0.1);
    --box-shadow-purple-700-medium: var(--box-shadow-size-medium) rgba(var(--color-purple-700-rgb), 0.1);
    --box-shadow-purple-700-large: var(--box-shadow-size-large) rgba(var(--color-purple-700-rgb), 0.1);
    --box-shadow-teal-700-small: var(--box-shadow-size-small) rgba(var(--color-teal-700-rgb), 0.1);
    --box-shadow-teal-700-medium: var(--box-shadow-size-medium) rgba(var(--color-teal-700-rgb), 0.1);
    --box-shadow-teal-700-large: var(--box-shadow-size-large) rgba(var(--color-teal-700-rgb), 0.1);
    --box-shadow-navy-700-small: var(--box-shadow-size-small) rgba(var(--color-navy-700-rgb), 0.1);
    --box-shadow-navy-700-medium: var(--box-shadow-size-medium) rgba(var(--color-navy-700-rgb), 0.1);
    --box-shadow-navy-700-large: var(--box-shadow-size-large) rgba(var(--color-navy-700-rgb), 0.1);
    --box-shadow-steel-700-small: var(--box-shadow-size-small) rgba(var(--color-steel-700-rgb), 0.1);
    --box-shadow-steel-700-medium: var(--box-shadow-size-medium) rgba(var(--color-steel-700-rgb), 0.1);
    --box-shadow-steel-700-large: var(--box-shadow-size-large) rgba(var(--color-steel-700-rgb), 0.1);
}

:root {
    --downer-green-rgb: 151, 214, 0;
    --downer-green: rgb(var(--downer-green-rgb));
    --downer-blue-rgb: 91, 194, 231;
    --downer-blue: rgb(var(--downer-blue-rgb));
    --downer-dark-green-rgb: 106, 169, 0;
    --downer-dark-green: rgb(var(--downer-dark-green-rgb));
    --downer-orange-rgb: 234, 170, 0;
    --downer-orange: rgb(var(--downer-orange-rgb));
    --downer-red-rgb: 165, 0, 52;
    --downer-red: rgb(var(--downer-red-rgb));
    --downer-gray-rgb: 154, 154, 154;
    --downer-gray: rgb(var(--downer-gray-rgb));
}