$main-pc: hsl(25,84,88); //#fbe9d7; $main-gradient-light: hsl(25,84,92); $main-gradient-dark: hsl(25,84,84); $main-light-pc: lighten($main-pc,15%); $main-dark-pc: darken($main-pc,25%); $main-sc: #f6d5f7; $main-light-sc: lighten($main-sc,15%); $main-dark-sc: darken($main-sc,15%); $icon-primary: hsl(0,96,25); $icon-secondary: hsl(0,100,55); $text-color: darken($main-pc,70%); $black: hsl(0, 0%, 4%) !default; $black-bis: hsl(0, 0%, 7%) !default; $black-ter: hsl(0, 0%, 14%) !default; $grey-darker: hsl(0, 0%, 21%) !default; $grey-dark: hsl(0, 0%, 29%) !default; $grey: hsl(0, 0%, 48%) !default; $grey-light: hsl(0, 0%, 71%) !default; $grey-lighter: hsl(0, 0%, 86%) !default; $white-ter: hsl(0, 4%, 96%) !default; $white-bis: hsl(0, 4%, 98%) !default; $white: hsl(0, 4%, 99.8%) !default; $danger: hsl(0, 82%, 91%); $warning: hsl(48, 82%, 91%); $info: hsl(196, 82%, 91%); :root { --background: $main-pc; --text-color: $text-color; --black: $black; --black-bis: $black-bis; --black-ter: $black-ter; --white: $white; --primary-color: $main-pc; --primary-color-light: $main-light-pc; --primary-color-dark: $main-dark-pc; --primary-gradiend-light: $main-gradient-light; --primary-gradiend-dark: $main-gradient-dark; --secondary-color: $main-sc; --secondary-color-light: $main-light-sc; --secondary-color-dark: $main-dark-sc; --light-shadow: rgba($main-light-pc, .5); --dark-shadow: rgba($main-dark-pc, .5); /* --fa-primary-color: $text-color; --fa-secondary-color: $main-dark-pc; --fa-primary-opacity: 0.80; --fa-secondary-opacity: 0.80;*/ --danger-color: $danger; --warning-color: $warning; --info-color: $info; }