:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --primary: #6366f1; --primary-dark: #4f52c1; --primary-ultra-dark: #3b3d91; --primary-semi-dark: #595cd9; --primary-medium: #8a8cf5; --primary-semi-light: #a9abf7; --primary-light: #e8e8fd; --primary-ultra-light: #f7f7fe; --primary-trans-10: rgba(99, 102, 241, 0.1); --primary-trans-20: rgba(99, 102, 241, 0.2); --primary-trans-30: rgba(99, 102, 241, 0.3); --primary-trans-40: rgba(99, 102, 241, 0.4); --primary-trans-50: rgba(99, 102, 241, 0.5); --primary-trans-60: rgba(99, 102, 241, 0.6); --primary-trans-70: rgba(99, 102, 241, 0.7); --primary-trans-80: rgba(99, 102, 241, 0.8); --primary-trans-90: rgba(99, 102, 241, 0.9); --secondary: #22d3ee; --secondary-ultra-dark: #147f8f; --secondary-dark: #1ba9be; --secondary-semi-dark: #1fbed6; --secondary-medium: #59def2; --secondary-semi-light: #85e7f6; --secondary-light: #def8fc; --secondary-ultra-light: #f4fdfe; --secondary-trans-10: rgba(34, 211, 238, 0.1); --secondary-trans-20: rgba(34, 211, 238, 0.2); --secondary-trans-30: rgba(34, 211, 238, 0.3); --secondary-trans-40: rgba(34, 211, 238, 0.4); --secondary-trans-50: rgba(34, 211, 238, 0.5); --secondary-trans-60: rgba(34, 211, 238, 0.6); --secondary-trans-70: rgba(34, 211, 238, 0.7); --secondary-trans-80: rgba(34, 211, 238, 0.8); --secondary-trans-90: rgba(34, 211, 238, 0.9); --tertiary: #7c3aed; --tertiary-ultra-dark: #4a238e; --tertiary-dark: #632ebe; --tertiary-semi-dark: #7034d5; --tertiary-medium: #9d6bf2; --tertiary-semi-light: #b793f5; --tertiary-light: #ebe1fc; --tertiary-ultra-light: #f8f5fe; --tertiary-trans-10: rgba(124, 58, 237, 0.1); --tertiary-trans-20: rgba(124, 58, 237, 0.2); --tertiary-trans-30: rgba(124, 58, 237, 0.3); --tertiary-trans-40: rgba(124, 58, 237, 0.4); --tertiary-trans-50: rgba(124, 58, 237, 0.5); --tertiary-trans-60: rgba(124, 58, 237, 0.6); --tertiary-trans-70: rgba(124, 58, 237, 0.7); --tertiary-trans-80: rgba(124, 58, 237, 0.8); --tertiary-trans-90: rgba(124, 58, 237, 0.9); --accent: #f59e0b; --accent-ultra-dark: #935f07; --accent-dark: #c47e09; --accent-semi-dark: #c47e09; --accent-medium: #f8b648; --accent-semi-light: #faca79; --accent-light: #fef0da; --accent-ultra-light: #fffaf3; --accent-trans-10: rgba(245, 158, 11, 0.1); --accent-trans-20: rgba(245, 158, 11, 0.2); --accent-trans-30: rgba(245, 158, 11, 0.3); --accent-trans-40: rgba(245, 158, 11, 0.4); --accent-trans-50: rgba(245, 158, 11, 0.5); --accent-trans-60: rgba(245, 158, 11, 0.6); --accent-trans-70: rgba(245, 158, 11, 0.7); --accent-trans-80: rgba(245, 158, 11, 0.8); --accent-trans-90: rgba(245, 158, 11, 0.9); --neutral: #8a8a8e; --neutral-ultra-dark: #969699; --neutral-dark: #a7a7aa; --neutral-semi-dark: #b3b3b6; --neutral-medium: #c5c5c7; --neutral-semi-light: #d6d6d7; --neutral-light: #ededee; --neutral-ultra-light: #f9f9f9; --base: #0b0d12; --base-ultra-dark: #07080b; --base-dark: #090a0e; --base-semi-dark: #0a0c10; --base-medium: #484a4d; --base-semi-light: #797a7d; --base-light: #dadbdb; --base-ultra-light: #f3f3f3; --white: #ffffff; --white-trans-10: rgba(255, 255, 255, 0.1); --white-trans-20: rgba(255, 255, 255, 0.2); --white-trans-30: rgba(255, 255, 255, 0.3); --white-trans-40: rgba(255, 255, 255, 0.4); --white-trans-50: rgba(255, 255, 255, 0.5); --white-trans-60: rgba(255, 255, 255, 0.6); --white-trans-70: rgba(255, 255, 255, 0.7); --white-trans-80: rgba(255, 255, 255, 0.8); --white-trans-90: rgba(255, 255, 255, 0.9); --black: #000000; --black-trans-10: rgba(0, 0, 0, 0.1); --black-trans-20: rgba(0, 0, 0, 0.2); --black-trans-30: rgba(0, 0, 0, 0.3); --black-trans-40: rgba(0, 0, 0, 0.4); --black-trans-50: rgba(0, 0, 0, 0.5); --black-trans-60: rgba(0, 0, 0, 0.6); --black-trans-70: rgba(0, 0, 0, 0.7); --black-trans-80: rgba(0, 0, 0, 0.8); --black-trans-90: rgba(0, 0, 0, 0.9);}