: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; --white: hsl(0, 0%, 100%); --black: #000000; --social: hsla(0, 0%, 100%, 0.26); --border: hsl(0, 0%, 90%); --bkg: #f5f5f5; --primary: #1E2A3A; --secondary: #4F6C83; --highlight: #D9B788; --neutral: #F5F6F8; --divider: #E0E4E8; --primary-d-1: #192330; --primary-d-2: #141c27; --primary-d-3: #0f151d; --primary-d-4: #0a0e13; --primary-d-5: #05070a; --primary-t-1: hsla(214, 7%, 86%, 0.17); --primary-t-2: hsla(214, 7%, 72%, 0.33); --primary-t-3: hsla(214, 7%, 59%, 0.5); --primary-t-4: hsla(214, 8%, 45%, 0.67); --primary-t-5: hsla(214, 15%, 31%, 0.83); --primary-l-1: #434d5b; --primary-l-2: #69717c; --primary-l-3: #8f959d; --primary-l-4: #b4b8bd; --primary-l-5: #dadcde; --secondary-l-1: #6c8498; --secondary-l-2: #8a9dac; --secondary-l-3: #a7b6c1; --secondary-l-4: #c4ced6; --secondary-l-5: #e2e7ea; --secondary-d-1: #425a6d; --secondary-d-2: #354857; --secondary-d-3: #283642; --secondary-d-4: #1a242c; --secondary-d-5: #0d1216; --secondary-t-1: hsla(207, 17%, 90%, 0.17); --secondary-t-2: hsla(207, 17%, 80%, 0.33); --secondary-t-3: hsla(207, 17%, 71%, 0.5); --secondary-t-4: hsla(207, 17%, 61%, 0.67); --secondary-t-5: hsla(207, 17%, 51%, 0.83); --highlight-l-1: #dfc39c; --highlight-l-2: #e6cfb0; --highlight-l-3: #ecdbc4; --highlight-l-4: #f2e7d7; --highlight-l-5: #f9f3eb; --highlight-d-1: #b59971; --highlight-d-2: #917a5b; --highlight-d-3: #6d5c44; --highlight-d-4: #483d2d; --highlight-d-5: #241f17; --highlight-t-1: hsla(35, 52%, 95%, 0.17); --highlight-t-2: hsla(35, 52%, 90%, 0.33); --highlight-t-3: hsla(35, 52%, 85%, 0.5); --highlight-t-4: hsla(35, 52%, 79%, 0.67); --highlight-t-5: hsla(35, 52%, 74%, 0.83); --neutral-d-1: #cccdcf; --neutral-d-2: #a3a4a5; --neutral-d-3: #7b7b7c; --neutral-d-4: #525253; --neutral-d-5: #292929; --divider-d-1: #bbbec1; --divider-d-2: #95989b; --divider-d-3: #707274; --divider-d-4: #4b4c4d; --divider-d-5: #252627; --text-tiny: clamp(1.2rem, 0.8rem + 0.5vw, 1.4rem); --text-small: clamp(1.4rem, 1.0rem + 0.6vw, 1.6rem); --text-regular: clamp(1.6rem, 1.2rem + 1.2vw, 2.0rem); --text-medium: clamp(2.0rem, 1.4rem + 1.6vw, 2.666rem); --text-large: clamp(2.666rem, 1.6rem + 2.2vw, 3.55rem); --text-xlarge: clamp(3.55rem, 1.8rem + 3.0vw, 4.73rem); --text-xxlarge: clamp(4.73rem, 2.0rem + 4.0vw, 6.31rem);}