:root { --Primary: #2563EB; --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; --tile-yellow: #FEF3C7; --tile-green: #D1FAE5; --tile-purple: #EDE9FE; --tile-blue: #DBEAFE; --icon-yellow: #F59E0B; --icon-green: #10B981; --icon-purple: #8B5CF6; --icon-blue: #3B82F6; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --dark: #18181B; --white: #FFFFFF; --bg-light: #F8FAFC; --bg-gray: #FAFAFA; --border: #E4E4E7; --text-primary: #18181B; --text-secondary: #71717A; --text-light: #D4D4D8; --orange: #DC2626; --red-bg: #FEF2F2; --blue-bg: #EFF6FF; --transparent: hsla(46, 100%, 65%, 0);}