:root{--dark: 1;--background-h: 240;--background-s: 23%;--background-l: 5%;--text-h: 249;--text-s: 21%;--text-l: 83%;--primary-h: 216;--primary-s: 41%;--primary-l: 30%;--contrast-h: 206;--contrast-s: 47%;--contrast-l: 60%;--accent-h: 322;--accent-s: 42%;--accent-l: 46%;--background-hsl-100: var(--background-h), var(--background-s), var(--background-l);--background-hsl-200: var(--background-h), var(--background-s), calc(var(--background-l) + (6% * var(--dark)));--background-hsl-300: var(--background-h), var(--background-s), calc(var(--background-l) + (12% * var(--dark)));--text-hsl-100: var(--text-h), var(--text-s), var(--text-l);--text-hsl-200: var(--text-h), var(--text-s), calc(var(--text-l) - (6% * var(--dark)));--text-hsl-300: var(--text-h), var(--text-s), calc(var(--text-l) - (12% * var(--dark)));--primary-hsl-100: var(--primary-h), var(--primary-s), var(--primary-l);--primary-hsl-200: var(--primary-h), var(--primary-s), calc(var(--primary-l) + (6% * var(--dark)));--primary-hsl-300: var(--primary-h), var(--primary-s), calc(var(--primary-l) + (12% * var(--dark)));--contrast-hsl-100: var(--contrast-h), var(--contrast-s), var(--contrast-l);--contrast-hsl-200: var(--contrast-h), var(--contrast-s), calc(var(--contrast-l) - (6% * var(--dark)));--contrast-hsl-300: var(--contrast-h), var(--contrast-s), calc(var(--contrast-l) - (12% * var(--dark)));--accent-hsl-100: var(--accent-h), var(--accent-s), var(--accent-l);--accent-hsl-200: var(--accent-h), var(--accent-s), calc(var(--accent-l) + (8% * var(--dark)));--accent-hsl-300: var(--accent-h), var(--accent-s), calc(var(--accent-l) + (16% * var(--dark)));--background-color-100: hsl(var(--background-hsl-100));--background-color-200: hsl(var(--background-hsl-200));--background-color-300: hsl(var(--background-hsl-300));--text-color-100: hsl(var(--text-hsl-100));--text-color-200: hsl(var(--text-hsl-200));--text-color-300: hsl(var(--text-hsl-300));--primary-color-100: hsl(var(--primary-hsl-100));--primary-color-200: hsl(var(--primary-hsl-200));--primary-color-300: hsl(var(--primary-hsl-300));--contrast-color-100: hsl(var(--contrast-hsl-100));--contrast-color-200: hsl(var(--contrast-hsl-200));--contrast-color-300: hsl(var(--contrast-hsl-300));--accent-color-100: hsl(var(--accent-hsl-100));--accent-color-200: hsl(var(--accent-hsl-200));--accent-color-300: hsl(var(--accent-hsl-300));--yellow-color: hsl(var(--yellow-hsl));--primary-color: hsl(var(--primary-hsl));--golden-color: hsl(var(--golden-hsl));--purple-color: hsl(var(--purple-hsl));--white-color: hsl(var(--white-hsl));--red-color: hsl(var(--red-hsl));--green-succulent-color: hsl(var(--green-succulent-hsl));--creative-color: hsl(var(--creative-hsl));--blue-color: hsl(var(--blue-hsl));--orange-color: hsl(var(--orange-hsl));--emerald-color: hsl(var(--emerald-hsl));--pink-color: hsl(var(--pink-hsl));--vue-color: hsl(var(--vue-hsl));--mint-color: hsl(var(--mint-hsl));--github-primary: #f0f6fc;--gmail-primary: #eb4132;--twitter-primary: #1da1f2;--telegram-primary: #28a8ea;--discord-primary: #7289da;--linkedin-primary: #0a66c2;--gitlab-primary: #fc6d26;--instagram-primary: radial-gradient( circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90% );--code-color: var(--text-color-100);--golden-hsl: 43, 74%, 49%;--yellow-hsl: 42, 100%, 8%;--red-hsl: 0, 100%, 13%;--green-succulent-hsl: 123, 27%, 25%;--purple-hsl: 280, 84%, 21%;--creative-a: hsl(162, 100%, 15%);--creative-b: hsl(102, 100%, 15%);--blue-hsl: 208, 100%, 25%;--orange-hsl: 11, 90%, 36%;--emerald-hsl: 180, 100%, 10%;--vue-hsl: 211, 28%, 29%;--mint-hsl: 153, 48%, 28%;--golden-invert: var(--background-color-100);--white-hsl: 0, 0%, 80%;--white-invert: var(--background-color-100)}