:root { --primary: #BC2820; --secondary: hsl(219 71% 43%); --primary-d-1: rgb(150, 32, 26); --primary-d-2: rgb(113, 24, 19); --primary-d-3: rgb(75, 16, 13); --primary-d-4: rgb(38, 8, 6); --primary-l-1: rgb(201, 83, 77); --primary-l-2: rgb(215, 126, 121); --primary-l-3: rgb(228, 169, 166); --primary-l-4: rgb(242, 212, 210); --heading-color: #3D3D3C; --text-color: #686867; --bg-surface: #eceef0; --bg-body: #F4F6F8; --secondary-l-1: rgb(77, 120, 201); --secondary-l-2: rgb(121, 154, 215); --secondary-l-3: rgb(166, 187, 228); --secondary-l-4: rgb(210, 221, 242); --secondary-d-1: rgb(26, 69, 150); --secondary-d-2: rgb(19, 52, 113); --secondary-d-3: rgb(13, 34, 75); --secondary-d-4: rgb(6, 17, 38); --border-light: #DEDEDE; --border-dark: #CACACA; --dark: #101010; --dark-t-1: rgba(38, 38, 38, 0.91); --dark-t-2: rgba(59, 59, 59, 0.82); --dark-t-3: rgba(81, 81, 81, 0.73); --dark-t-4: rgba(103, 103, 103, 0.64); --dark-t-5: rgba(125, 125, 125, 0.55); --dark-t-6: rgba(146, 146, 146, 0.45); --dark-t-7: rgba(168, 168, 168, 0.36); --dark-t-8: rgba(190, 190, 190, 0.27); --dark-t-9: rgba(212, 212, 212, 0.18); --dark-t-10: rgba(233, 233, 233, 0.09); --light: #f9f9f9; --light-t-1: rgba(250, 250, 250, 0.91); --light-t-2: rgba(250, 250, 250, 0.82); --light-t-3: rgba(251, 251, 251, 0.73); --light-t-4: rgba(251, 251, 251, 0.64); --light-t-5: rgba(252, 252, 252, 0.55); --light-t-6: rgba(252, 252, 252, 0.45); --light-t-7: rgba(253, 253, 253, 0.36); --light-t-8: rgba(253, 253, 253, 0.27); --light-t-9: rgba(254, 254, 254, 0.18); --light-t-10: rgba(254, 254, 254, 0.09);}