: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; --color-primary: #0287B1; --color-primary-hover: #026F90; --color-primary-soft: #E6F4F8; --color-accent: #FF5A44; --color-accent-hover: #E04A35; --color-accent-soft: #FFEAE6; --color-text: #1A1A1A; --color-text-muted: #6B7280; --color-border: #E5E7EB; --color-bg-light: #F6F6F6; --color-white: #FFFFFF; --color-black: #000000; --transparent: hsla(208, 100%, 65%, 0); --color-success: #2E9E6F; --color-success-light: #E7F6EF; --color-warning: #D4A017; --color-warning-light: #FFF6DB; --color-error: #C94A4A; --color-error-light: #FCEAEA; --color-info: #3A7CA5; --color-info-light: #E8F1F8;}