:root { --primary: #0c5e99; --secondary: #ee7f17; --tertiary: #945a58; --neutral-l-3: hsla(0, 0%, 95%, 1); --neutral-l-2: hsla(0, 0%, 85%, 1); --neutral-l-1: hsla(0, 0%, 70%, 1); --neutral: hsla(0, 0%, 50%, 1); --neutral-d-1: hsla(0, 0%, 30%, 1); --neutral-d-2: hsla(0, 0%, 10%, 1); --neutral-d-3: hsla(0, 0%, 0%, 1); --light: hsla(0, 0%, 100%, 1); --dark: hsla(0, 0%, 0%, 1); --shadow: hsla(0, 0%, 95%, 1); --transparent: hsla(0, 0%, 0%, 0); --background: #0c5e99; --foreground: #094b7a; --heading: #ffffff; --text: #ffffff; --accent: #ffffff; --border: #ffffff; --input: #246ea3; --btn-text: #111111; --accent-l-1: hsla(0, 0%, 100%, 1); --accent-l-2: hsla(0, 0%, 100%, 1); --accent-l-3: hsla(0, 0%, 100%, 1); --accent-d-1: hsla(0, 0%, 80%, 1); --accent-d-2: hsla(0, 0%, 40%, 1); --accent-d-3: hsla(0, 0%, 30%, 1); --s2-background: #ee7f17; --s2-foreground: #be6512; --s2-heading: #ffffff; --s2-text: #ffffff; --s2-accent: #ffffff; --s2-border: #ffffff; --s2-input: #f08c2e; --s2-btn-text: #111111; --s2-accent-l-1: hsla(0, 0%, 100%, 1); --s2-accent-l-2: hsla(0, 0%, 100%, 1); --s2-accent-l-3: hsla(0, 0%, 100%, 1); --s2-accent-d-1: hsla(0, 0%, 80%, 1); --s2-accent-d-2: hsla(0, 0%, 40%, 1); --s2-accent-d-3: hsla(0, 0%, 30%, 1); --s3-background: #e9dedd; --s3-foreground: #f4eeee; --s3-heading: #111111; --s3-text: #111111; --s3-accent: #945a58; --s3-border: #111111; --s3-input: #d8cecd; --s3-btn-text: #ffffff; --s3-accent-l-1: hsla(1, 22%, 62%, 1); --s3-accent-l-2: hsla(5, 21%, 89%, 1); --s3-accent-l-3: hsla(0, 21%, 95%, 1); --s3-accent-d-1: hsla(2, 26%, 37%, 1); --s3-accent-d-2: hsla(2, 26%, 18%, 1); --s3-accent-d-3: hsla(3, 26%, 14%, 1); --s4-background: #04253d; --s4-foreground: #031c2d; --s4-heading: #ffffff; --s4-text: #ffffff; --s4-accent: #ffffff; --s4-border: #ffffff; --s4-input: #1d3b50; --s4-btn-text: #111111; --s4-accent-l-1: hsla(0, 0%, 100%, 1); --s4-accent-l-2: hsla(0, 0%, 100%, 1); --s4-accent-l-3: hsla(0, 0%, 100%, 1); --s4-accent-d-1: hsla(0, 0%, 80%, 1); --s4-accent-d-2: hsla(0, 0%, 40%, 1); --s4-accent-d-3: hsla(0, 0%, 30%, 1); --s5-background: #fbe5d0; --s5-foreground: #fdf2e7; --s5-heading: #111111; --s5-text: #111111; --s5-accent: #111111; --s5-border: #111111; --s5-input: #e8d4c1; --s5-btn-text: #ffffff; --s5-accent-l-1: hsla(0, 0%, 35%, 1); --s5-accent-l-2: hsla(0, 0%, 81%, 1); --s5-accent-l-3: hsla(0, 0%, 91%, 1); --s5-accent-d-1: hsla(0, 0%, 5%, 1); --s5-accent-d-2: hsla(0, 0%, 2%, 1); --s5-accent-d-3: hsla(0, 0%, 2%, 1); --s6-background: #945a58; --s6-foreground: #764846; --s6-heading: #ffffff; --s6-text: #ffffff; --s6-accent: #ffffff; --s6-border: #ffffff; --s6-input: #9f6b69; --s6-btn-text: #111111; --s6-accent-l-1: hsla(0, 0%, 100%, 1); --s6-accent-l-2: hsla(0, 0%, 100%, 1); --s6-accent-l-3: hsla(0, 0%, 100%, 1); --s6-accent-d-1: hsla(0, 0%, 80%, 1); --s6-accent-d-2: hsla(0, 0%, 40%, 1); --s6-accent-d-3: hsla(0, 0%, 30%, 1);}