: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; --fed-color-olive-light: #8FA382; --fed-color-olive: #5C6B4A; --fed-color-olive-dark: #3F4A32; --fed-color-forest-light: #4A5E4A; --fed-color-forest: #2D3F2D; --fed-color-forest-dark: #1A2A1A; --fed-color-sage-light: #92A685; --fed-color-sage: #6B7B5E; --fed-color-sage-dark: #4D5A44; --fed-color-navy-light: #2D5A8A; --fed-color-navy: #1E3A5F; --fed-color-navy-dark: #0F1F33; --fed-color-steel-light: #4A72A0; --fed-color-steel: #2E5280; --fed-color-steel-dark: #1A3A5E; --fed-color-slate-light: #567090; --fed-color-slate: #3A5070; --fed-color-slate-dark: #253545; --fed-color-mustard-light: #D4B078; --fed-color-mustard: #B8935A; --fed-color-mustard-dark: #8C6D3A; --fed-color-black-light: #4A4540; --fed-color-black: #2D2A26; --fed-color-black-dark: #1A1816; --fed-color-beige-light: #FDFBF7; --fed-color-beige: #F5F0E8; --fed-color-beige-dark: #E8E0D0;}