feat: add color modifiers

change $peach variable name to $red -- this makes things more generic

Author: RickEyre

packages/panda-san/src/core/colors.scss

@@ -0,0 +1,5 @@
+@each $color, $color-value in $colors {
+  .is-#{$color} {
+    color: $color-value;
+  }
+};

packages/panda-san/src/core/index.scss

@@ -1,3 +1,4 @@
+@import 'colors';
 @import 'reset';
 @import 'font';
 @import 'utils';

packages/panda-san/src/variables/colors.scss

@@ -1,12 +1,25 @@
 $yellow: #ffcf00;
-$peach: #ee2a3e;
+$red: #ee2a3e;
 $blue: #032e53;
 $green: #00a12f;
 $grey: #d3d3d3;
 $white: #fff;
 $black: #000;
 
+$primary-color: $yellow;
+
 $navbar-color: $blue;
-$navbar-menu-color: $peach;
+$navbar-menu-color: $red;
 
 $link-color: $white;
+
+$colors: (
+  primary: $yellow,
+  yellow: $yellow,
+  red: $red,
+  blue: $blue,
+  green: $green,
+  grey: $grey,
+  white: $white,
+  black: $black
+);