add first commit

src/scss/cdb-components/typography.scss

@@ -10,7 +10,9 @@
 <p class="CDB-Text CDB-Size-large">Open Sans 16/22 Regular</p>
 <p class="CDB-Text is-semibold CDB-Size-medium">Open Sans 12/16 Semibold</p>
 <p class="CDB-Text is-semibold is-upper CDB-Size-medium">Open Sans 12/16 Semibold Uppercase</p>
-<p class="CDB-Text CDB-Size-medium">Open Sans 12/16 Regular</p>
+<p class="CDB-Text CDB-Size-medium u-textSecondary">Open Sans 12/16 Regular</p>
+<p class="CDB-Text CDB-Size-medium u-textSubtitle">Open Sans 12/16 Regular</p>
+<p class="CDB-Text CDB-Size-medium u-textDisabled">Open Sans 12/16 Regular</p>
 <p class="CDB-Text is-semibold CDB-Size-small">Open Sans 10/14 Semibold</p>
 <p class="CDB-Text CDB-Size-small">Open Sans 10/14 Regular</p>
 ```

src/scss/cdb-utilities/defaults.css.scss

@@ -3,6 +3,10 @@
 
 @import '../cdb-variables/colors';
 
+body {
+  color: $cTypoMain;
+}
+
 a {
   color: $cBlue;
   text-decoration: none;

src/scss/cdb-utilities/helpers.scss

@@ -2,6 +2,7 @@
 // ----------------------------------------------
 
 @import './mixins';
+@import '../cdb-variables/colors';
 
 .u-tSpace {
   margin-top: 4px;
@@ -36,6 +37,17 @@
 .u-bSpace--m {
   margin-bottom: 8px;
 }
+.u-textSecondary {
+  color: $cTypo2;
+}
+.u-textSubtitle {
+  color: $cTypo3;
+}
+.u-textDisabled {
+  color: $cTypo4;
+}
+
+
 
 .u-iBlock {
   @include inline-block();

src/scss/cdb-variables/_colors.scss

@@ -18,6 +18,7 @@ $cMainLine: #DDD;
 $cSecondaryLine: #EEE;
 
 //Typography
+$cTypoMain: #2E3C43;
 $cTypo2: #636D72;
 $cTypo3: #979EA1;
 $cTypo4: #CBCED0;