Save

SCSS/variables.scss

@@ -0,0 +1,34 @@
+:root{
+	--background: hsl(25,84%,88%);
+	--text-color: hsl(25,84%,26.4%);
+	--placeholder-text-color: hsla(25,84%,26.4%,.3);
+	--black: hsl(0, 0%, 4%);
+	--black-bis: hsl(0, 0%, 7%);
+	--black-ter: hsl(0, 0%, 14%);
+	--white: hsl(0, 4%, 99.8%);
+	--primary-color: hsl(25,84%,88%);
+	--primary-color-light: hsl(25,84%,100%);
+	--primary-color-dark: hsl(25,84%,66%);
+	--primary-gradiend-light: hsl(25,84%,92%);
+	--primary-gradiend-dark: hsl(25,84%,84%);
+	--primary-gradiend-lighter: hsl(25,84%,96%);
+	--primary-gradiend-darker: hsl(25,84%,80%);
+	--secondary-color: hsl(205, 84%, 88%);
+	--secondary-color-light: hsl(205, 84%, 100%);
+	--secondary-color-dark: hsl(205, 84%, 84%);
+	--light-shadow: hsla(25,84%,100%, .5);
+	--dark-shadow: hsla(25,84%,66%, .5);
+	/*--fa-primary-color: hsl(25,84%,26.4%);
+	--fa-secondary-color: hsl(25,84%,66%);*/
+	--fa-primary-color: hsl(205,84%,26.4%);
+	--fa-secondary-color: hsl(205,84%,66%);
+	/*--fa-primary-color: hsl(115,84%,26.4%);
+	--fa-secondary-color: hsl(115,84%,66%);*/
+	--fa-primary-opacity: 0.80;
+	--fa-secondary-opacity: 0.80;
+	--danger-color: hsl(0, 82%, 91%);
+	--warning-color: hsl(48, 82%, 91%);
+	--info-color: hsl(196, 82%, 91%);
+	--plus-green: hsl(96, 49%, 49%);
+	--plus-gold: hsl(51, 72%, 46%);
+}