:root { --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: 7A7EAF; --purple: 7A7EAF; --9d9bfc: #7A7EAF;}.bg-purple { background-color: var(--purple); }.text-purple { color: var(--purple); }.border-purple { border-color: var(--purple); }.outline-purple { outline-color: var(--purple); }.fill-purple { fill: var(--purple); }.stroke-purple { stroke: var(--purple); }