: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%); }