:root { --primary: #12345b; --primary-d-1: #112740; --primary-l-1: #28466a; --primary-l-2: #64737e; --secondary: #ed9311; --sitebg: #fCfCfC; --text-on-dark: hsl(0, 0%, 100%); --text-on-light: hsl(0, 0%, 10%); --lightgrey: #D3D3D3; --lightgrey-l-1: #e2e2e2; --lightgrey-l-2: #f0f0f0; --shadow: hsla(0, 0%, 0%, 0.05); --sitebg-t-1: hsla(0, 0%, 99%, 0.5); --text-on-light-l-1: hsl(232, 7%, 56%); --text-on-light-l-2: hsl(0, 0%, 25%); --secondary-l-1: #f6c988; --secondary-l-2: #fff9f1;}