:root { --primary: #F84D02; --primary-d-1: #c23e0a; --primary-d-2: #90330e; --primary-d-3: #5d240e; --primary-d-4: #341809; --primary-l-1: #ff743d; --primary-l-2: #ff9d70; --primary-l-3: #ffbd9e; --primary-l-4: #ffddcc; --secondary: #434343; --secondary-d-1: #363636; --secondary-d-2: #292929; --secondary-d-3: #1f1f1f; --secondary-d-4: #121212; --secondary-l-1: #666666; --secondary-l-2: #8a8a8a; --secondary-l-3: #b0b0b0; --secondary-l-4: #d6d6d6; --accent: #FF7700; --accent-5: #ff77000d; --accent-10: #ff77001a; --accent-20: #ff770033; --accent-30: #ff77004d; --accent-40: #ff770066; --accent-50: #ff770080; --accent-60: #ff770099; --accent-70: #ff7700b3; --accent-80: #ff7700cc; --accent-90: #ff7700e6; --accent-d-1: #c95f0d; --accent-d-2: #934710; --accent-d-3: #603110; --accent-d-4: #321b0c; --bg-body: #F9F9F9; --bg-surface: #F9F9F9; --text-body: #212121; --text-title: #212121; --light: #ffffff; --light-5: #ffffff0d; --light-10: #ffffff1a; --light-20: #ffffff33; --light-30: #ffffff4d; --light-40: #ffffff66; --light-50: #ffffff80; --light-60: #ffffff99; --light-70: #ffffffb3; --light-80: #ffffffcc; --light-90: #ffffffe6; --dark: #212121; --dark-5: #2121210d; --dark-10: #2121211a; --dark-20: #21212133; --dark-30: #2121214d; --dark-40: #21212166; --dark-50: #21212180; --dark-60: #21212199; --dark-70: #212121b3; --dark-80: #212121cc; --dark-90: #212121e6; --success: hsl(136,95%,56%); --error: hsl(351,95%,56%);}