:root {--7bw-main: hsl(210.61, 59.04%, 51.18%);--7bw-main-l-1: hsl(211, 59%, 67%);--7bw-main-l-2: hsl(211, 59%, 84%);--7bw-main-d-1: hsl(211, 56%, 34%);--7bw-main-d-2: hsl(211, 56%, 17%);--7bw-sec: hsl(46, 97%, 62%);--bgr-blue: hsl(207.69, 52%, 95.1%);--bgr: hsla(0, 0%, 99.22%, 1);--dark-bg: hsla(0, 0%, 10.98%, 1);--action: hsl(16 90% 57%);--alert: hsl(8 79% 54%);--success: hsla(94, 45%, 49%, 1);--surface: hsl(210.61, 59.04%, 51.18%);--surface-l-1: hsl(211, 59%, 61%);--surface-l-2: hsl(211, 59%, 71%);--surface-l-3: hsl(211, 59%, 80%);--surface-l-4: hsl(211, 59%, 90%);--surface-d-1: hsl(211, 56%, 41%);--surface-d-2: hsl(211, 56%, 31%);--surface-d-3: hsl(211, 56%, 20%);--surface-d-4: hsl(211, 56%, 10%);--bgr-but-hov: hsl(210.51, 93.65%, 12.35%);--text: hsl(210, 27%, 15%);--text-white: hsl(0, 0%, 92%);--text-blue-dark: hsl(210.51, 93.65%, 12.35%);--shadow: hsla(0, 0%, 0%, 0.15);--bgr-but: hsl(210.61, 59.04%, 51.18%);--but-txt-white: hsl(0, 0%, 92%);--but-text-black: hsl(0 0% 13%);--bgr-head-stick: hsla(0, 0%, 11%, 0.75);--img-bgr-lblue: hsl(207.69, 52%, 95.1%);}