:root { --bricks-color-white: #ffffff; --bricks-color-ivory: #FAF5F0; --bricks-color-black: #000000; --bricks-color-yellow: #FFF296; --bricks-color-amber: #FCD56D; --bricks-color-light-redge: #C47B7E; --bricks-color-red: #961333; --bricks-color-purple: #5F50F0; --bricks-color-blue-purple: #4A4BB3; --bricks-color-light-blue: #88AACC; --bricks-color-teal-1: #576D83; --bricks-color-teal-2: #425B76; --bricks-color-teal-3: #334455; --bricks-light-green: #C6DB81; --bricks-green: #90B276; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --white: ffffff; --ivory: F9F7E8; --my-teeth: FEFAE0; --yellow: FFF296; --orange: FCD56D; --red: 961333; --purple: 5F50F0; --light-blue: 88AACC; --light-green: C6DB81; --green: 90B276; --teal-1: 576D83; --teal-2: 425B76; --teal-3: 334455; --grey-1: EAEAEA; --grey-2: CCCCCC; --grey-3: AAAAAA; --grey-4: 7F7F7F;}.bg-ivory { background-color: var(--ivory); }.text-ivory { color: var(--ivory); }.border-ivory { border-color: var(--ivory); }.outline-ivory { outline-color: var(--ivory); }.fill-ivory { fill: var(--ivory); }.stroke-ivory { stroke: var(--ivory); }.bg-light-blue { background-color: var(--light-blue); }.text-light-blue { color: var(--light-blue); }.border-light-blue { border-color: var(--light-blue); }.outline-light-blue { outline-color: var(--light-blue); }.fill-light-blue { fill: var(--light-blue); }.stroke-light-blue { stroke: var(--light-blue); }.bg-green { background-color: var(--green); }.text-green { color: var(--green); }.border-green { border-color: var(--green); }.fill-green { fill: var(--green); }.bg-teal-1 { background-color: var(--teal-1); }.text-teal-1 { color: var(--teal-1); }.fill-teal-1 { fill: var(--teal-1); }