: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; --black: #000000; --white: #ffffff; --blue-light: #43A1E7; --blue: #3C84D8; --purple: #7E45E0; --purple-deep: #6030B4; --navy: #3B3E56; --neutral-50: #F7F7FB; --neutral-100: #EEEEF5; --neutral-200: #DADAE7; --neutral-300: #B8B8CC; --neutral-400: #8A8AA2; --neutral-500: #65657D; --neutral-600: #4D4D65; --neutral-700: #3B3E56; --neutral-800: #2A2C40; --neutral-900: #1A1B2B; --neutral-950: #0D0E18; --accent-50: #EEF5FC; --accent-100: #D6E7F7; --accent-200: #AECEF0; --accent-300: #7CB1E7; --accent-400: #4D96DD; --accent-500: #4D96DD; --accent-600: #2C6DBF; --accent-700: #21569C; --accent-800: #194278; --accent-900: #122E55;}