selfdefined/assets/css/abstracts/_variables.scss

$primary-color: hsl(0, 100%, 50%);
$secondary-color: hsl(120, 100%, 25%);

$dark-red: hsl(0, 100%, 32.2%);
$pink: hsl(349.5, 100%, 87.6%);
$dark-green: hsl(120, 100%, 15%);
$yellow: hsl(50, 100%, 50%);
$dark-yellow: hsl(50, 100%, 20%);
$pale-yellow: hsl(50, 100%, 86%);
$black: hsl(0, 0%, 13%);
$white: hsl(0, 0%, 100%);

$dark-grey: hsl(0, 0%, 31%);
$mid-grey: hsl(0, 0%, 46.3%); // the lightest shade of grey you can get away with, #a11y
$light-grey: hsl(0, 0%, 93.3%); // for backgrounds only

$browser-context: 16;

$lt-background-color: $pink;
$lt-background-color-warning: $pale-yellow;