diff --git a/build/css/tokens.css b/build/css/tokens.css
new file mode 100644
index 0000000..9c01b75
--- /dev/null
+++ b/build/css/tokens.css
@@ -0,0 +1,196 @@
+/**
+ * Do not edit directly
+ * Generated on Sat, 12 Feb 2022 15:26:09 GMT
+ */
+
+:root {
+  --radius-20: 1.25rem;
+  --radius-10: 0.625rem;
+  --radius-4: 0.25rem;
+  --radius-0: 0rem;
+  --drop-shadow-level-4: 0px 0.9975153207778931px 1.9285296201705933px 0px #00000012,0px 3.3504464626312256px 6.477529525756836px 0px #00000012,0px 15px 28px 0px #00000059;
+  --drop-shadow-level-3: 0px 0.33000001311302185px 1.7290265560150146px 0px #0000001a,0px 2.4700000286102295px 2.809999942779541px 0px #0000001f,0px 16px 23px 0px #00000038;
+  --drop-shadow-level-2: 0px 0.5985091924667358px 0.7980122566223145px 0px #00000014,0px 2.010267734527588px 2.680356979370117px 0px #0000001c,0px 9px 12px 0px #00000030;
+  --drop-shadow-level-1: 0px 1px 2px 0px #00000029,0px 4px 4px 0px #00000017,0px 6px 8px 0px #00000021;
+  --font-size-26: 70;
+  --font-size-25: 64;
+  --font-size-24: 55;
+  --font-size-23: 48;
+  --font-size-22: 46;
+  --font-size-21: 43;
+  --font-size-20: 41;
+  --font-size-19: 38;
+  --font-size-18: 37;
+  --font-size-17: 34;
+  --font-size-16: 33;
+  --font-size-15: 31;
+  --font-size-14: 30;
+  --font-size-13: 28;
+  --font-size-12: 27;
+  --font-size-11: 25;
+  --font-size-10: 24;
+  --font-size-9: 23;
+  --font-size-8: 22;
+  --font-size-7: 20;
+  --font-size-6: 19;
+  --font-size-5: 18;
+  --font-size-4: 17;
+  --font-size-3: 16;
+  --font-size-2: 15;
+  --font-size-1: 14;
+  --font-size-0: 13;
+  --font-families-yalenew: YaleNew, serif;
+  --font-families-mallory: Mallory, sans-serif;
+  --font-families-mallory-compact: 'Mallory Compact', sans-serif;
+  --color-gray-800: hsl(0, 0%, 13%);
+  --color-gray-700: hsl(0, 0%, 25%);
+  --color-gray-600: hsl(0, 0%, 37%);
+  --color-gray-500: hsl(0, 0%, 46%);
+  --color-gray-400: hsl(0, 0%, 61%);
+  --color-gray-300: hsl(0, 0%, 73%);
+  --color-gray-200: hsl(0, 0%, 85%);
+  --color-gray-100: hsl(0, 0%, 97%);
+  --color-basics-brown-gray: hsl(28, 7%, 44%);
+  --color-basics-beige: hsl(35, 74%, 95%);
+  --color-basics-black: hsl(0, 0%, 0%);
+  --color-basics-white: hsl(0, 0%, 100%);
+  --color-blue-light: hsl(213, 100%, 69%);
+  --color-blue-medium: hsl(213, 66%, 45%);
+  --color-blue-yale: hsl(210, 100%, 21%);
+  --size-thickness-hairline: 0.031rem;
+  --size-thickness-8: 0.5rem;
+  --size-thickness-6: 0.375rem;
+  --size-thickness-4: 0.25rem;
+  --size-thickness-2: 0.125rem;
+  --size-thickness-1: 0.063rem;
+  --size-spacing-13: 10rem;
+  --size-spacing-12: 6rem;
+  --size-spacing-11: 5rem;
+  --size-spacing-10: 4rem;
+  --size-spacing-9: 3rem;
+  --size-spacing-8: 2.5rem;
+  --size-spacing-7: 2rem;
+  --size-spacing-6: 1.5rem;
+  --size-spacing-5: 1rem;
+  --size-spacing-4: 0.75rem;
+  --size-spacing-3: 0.5rem;
+  --size-spacing-2: 0.25rem;
+  --size-spacing-1: 0.125rem;
+  --size-spacing-0: 0rem;
+  --font-text-transform-h6-mallory-compact-book: uppercase;
+  --font-text-transform-h6-mallory-compact-medium: uppercase;
+  --font-text-transform-h6-yale-new: uppercase;
+  --font-letter-spacing-h6-mallory-compact-book: 0.02em;
+  --font-letter-spacing-h2-mallory-compact-book: -0.01em;
+  --font-letter-spacing-h1-mallory-compact-book: -0.01em;
+  --font-letter-spacing-h6-mallory-compact-medium: 0.02em;
+  --font-letter-spacing-h2-mallory-compact-medium: -0.01em;
+  --font-letter-spacing-h1-mallory-compact-medium: -0.01em;
+  --font-letter-spacing-h6-yale-new: 0.03em;
+  --font-scale-13-14: clamp(0.8125rem, calc(0.12vw + 0.7688rem), 0.875rem);
+  --font-scale-14-15: clamp(0.875rem, calc(0.12vw + 0.8313rem), 0.9375rem);
+  --font-scale-14-16: clamp(0.875rem, calc(0.24vw + 0.7876rem), 1rem);
+  --font-scale-15-16: clamp(0.9375rem, calc(0.12vw + 0.8938rem), 1rem);
+  --font-scale-15-18: clamp(0.9375rem, calc(0.36vw + 0.8064rem), 1.125rem);
+  --font-scale-16-19: clamp(1rem, calc(0.36vw + 0.87rem), 1.1875rem);
+  --font-scale-17-19: clamp(1.0625rem, calc(0.49vw + 0.7627rem), 1.1875rem);
+  --font-scale-17-20: clamp(1.0625rem, calc(0.36vw + 0.9314rem), 1.25rem);
+  --font-scale-19-24: clamp(1.1875rem, calc(0.61vw + 0.9691rem), 1.5rem);
+  --font-scale-22-27: clamp(1.375rem, calc(0.61vw + 1.16rem), 1.6875rem);
+  --font-scale-22-28: clamp(1.375rem, calc(0.73vw + 1.1129rem), 1.75rem);
+  --font-scale-23-31: clamp(1.4375rem, calc(0.97vw + 1.088rem), 1.9375rem);
+  --font-scale-25-34: clamp(1.5625rem, calc(1.09vw + 1.17rem), 2.125rem);
+  --font-scale-27-37: clamp(1.6875rem, calc(1.21vw + 1.25rem), 2.3125rem);
+  --font-scale-30-43: clamp(1.875rem, calc(1.58vw + 1.31rem), 2.6875rem);
+  --font-scale-33-48: clamp(2.0625rem, calc(1.82vw + 1.41rem), 3rem);
+  --font-scale-38-55: clamp(2.375rem, calc(2.06vw + 1.63rem), 3.4375rem);
+  --font-scale-41-64: clamp(2.5625rem, calc(2.79vw + 1.56rem), 4rem);
+  --font-scale-46-70: clamp(2.875rem, calc(2.91vw + 1.83rem), 4.375rem);
+  --font-weights-yalenew-500: 500;
+  --font-weights-yalenew-400: 400;
+  --font-weights-mallory-500: 500;
+  --font-weights-mallory-400: 400;
+  --font-weights-mallory-compact-500: 500;
+  --font-weights-mallory-compact-400: 400;
+  --layout-flex-position-right: flex-end;
+  --layout-flex-position-center: center;
+  --layout-flex-position-left: flex-start;
+  --layout-width-100: 100%;
+  --layout-width-75: 75%;
+  --layout-width-50: 50%;
+  --layout-width-25: 25%;
+  --break-max-width: 2400px;
+  --break-2xl: 1400px;
+  --break-xl: 1200px;
+  --break-l: 992px;
+  --break-m: 768px;
+  --break-s: 576px;
+  --font-style-body-xs: 400 clamp(0.8125rem, calc(0.12vw + 0.7688rem), 0.875rem)/1.45 'Mallory Compact', sans-serif;
+  --font-style-body-s-condensed: 400 clamp(0.875rem, calc(0.24vw + 0.7876rem), 1rem)/1.29 'Mallory Compact', sans-serif;
+  --font-style-body-s: 400 clamp(0.9375rem, calc(0.12vw + 0.8938rem), 1rem)/1.60 'Mallory Compact', sans-serif;
+  --font-style-body-default-condensed: 400 clamp(1.0625rem, calc(0.49vw + 0.7627rem), 1.1875rem)/1.29 'Mallory Compact', sans-serif;
+  --font-style-body-default: 400 clamp(1.0625rem, calc(0.36vw + 0.9314rem), 1.25rem)/1.65 'Mallory Compact', sans-serif;
+  --font-style-body-l: 400 clamp(1.1875rem, calc(0.61vw + 0.9691rem), 1.5rem)/1.45 'Mallory Compact', sans-serif;
+  --font-style-body-xl: 400 clamp(1.375rem, calc(0.73vw + 1.1129rem), 1.75rem)/1.4 'Mallory Compact', sans-serif;
+  --font-style-heading-h6-mallory-compact-book: 400 clamp(1rem, calc(0.36vw + 0.87rem), 1.1875rem)/1.05 'Mallory Compact', sans-serif;
+  --font-style-heading-h5-mallory-compact-book: 400 clamp(1.375rem, calc(0.61vw + 1.16rem), 1.6875rem)/1.15 'Mallory Compact', sans-serif;
+  --font-style-heading-h4-mallory-compact-book: 400 clamp(1.5625rem, calc(1.09vw + 1.17rem), 2.125rem)/1.10 'Mallory Compact', sans-serif;
+  --font-style-heading-h3-mallory-compact-book: 400 clamp(1.875rem, calc(1.58vw + 1.31rem), 2.6875rem)/1.05 'Mallory Compact', sans-serif;
+  --font-style-heading-h2-mallory-compact-book: 400 clamp(2.375rem, calc(2.06vw + 1.63rem), 3.4375rem)/1 'Mallory Compact', sans-serif;
+  --font-style-heading-h1-mallory-compact-book: 400 clamp(2.875rem, calc(2.91vw + 1.83rem), 4.375rem)/1 'Mallory Compact', sans-serif;
+  --font-style-heading-h6-mallory-compact-medium: 500 clamp(1rem, calc(0.36vw + 0.87rem), 1.1875rem)/1.05 'Mallory Compact', sans-serif;
+  --font-style-heading-h5-mallory-compact-medium: 500 clamp(1.375rem, calc(0.61vw + 1.16rem), 1.6875rem)/1.15 'Mallory Compact', sans-serif;
+  --font-style-heading-h4-mallory-compact-medium: 500 clamp(1.5625rem, calc(1.09vw + 1.17rem), 2.125rem)/1.10 'Mallory Compact', sans-serif;
+  --font-style-heading-h3-mallory-compact-medium: 500 clamp(1.875rem, calc(1.58vw + 1.31rem), 2.6875rem)/1.05 'Mallory Compact', sans-serif;
+  --font-style-heading-h2-mallory-compact-medium: 500 clamp(2.375rem, calc(2.06vw + 1.63rem), 3.4375rem)/1 'Mallory Compact', sans-serif;
+  --font-style-heading-h1-mallory-compact-medium: 500 clamp(2.875rem, calc(2.91vw + 1.83rem), 4.375rem)/1 'Mallory Compact', sans-serif;
+  --font-style-heading-h6-yale-new: 400 clamp(1rem, calc(0.36vw + 0.87rem), 1.1875rem)/1.05 YaleNew, serif;
+  --font-style-heading-h5-yale-new: 400 clamp(1.375rem, calc(0.61vw + 1.16rem), 1.6875rem)/1.05 YaleNew, serif;
+  --font-style-heading-h4-yale-new: 400 clamp(1.5625rem, calc(1.09vw + 1.17rem), 2.125rem)/1.04 YaleNew, serif;
+  --font-style-heading-h3-yale-new: 400 clamp(1.875rem, calc(1.58vw + 1.31rem), 2.6875rem)/1.02 YaleNew, serif;
+  --font-style-heading-h2-yale-new: 400 clamp(2.375rem, calc(2.06vw + 1.63rem), 3.4375rem)/1 YaleNew, serif;
+  --font-style-heading-h1-yale-new: 400 clamp(2.875rem, calc(2.91vw + 1.83rem), 4.375rem)/1 YaleNew, serif;
+  --site-header-layout-center-align: var(--layout-flex-position-center);
+  --site-header-layout-center-justify: var(--layout-flex-position-center);
+  --site-header-layout-left-align: var(--layout-flex-position-left);
+  --site-header-layout-left-justify: var(--layout-flex-position-left);
+  --site-header-themes-blue-yale-site-branding: var(--color-basics-white);
+  --site-header-themes-blue-yale-yale-branding: var(--color-blue-light);
+  --site-header-themes-blue-yale-background: var(--color-blue-yale);
+  --site-header-themes-white-site-branding: var(--color-blue-yale);
+  --site-header-themes-white-yale-branding: var(--color-blue-yale);
+  --site-header-themes-white-background: var(--color-basics-white);
+  --site-header-themes-beige-site-branding: var(--color-blue-yale);
+  --site-header-themes-beige-yale-branding: var(--color-blue-yale);
+  --site-header-themes-beige-background: var(--color-basics-beige);
+  --site-header-themes-gray-100-site-branding: var(--color-blue-yale);
+  --site-header-themes-gray-100-yale-branding: var(--color-blue-yale);
+  --site-header-themes-gray-100-background: var(--color-gray-100);
+  --border-thickness-hairline: var(--size-thickness-hairline);
+  --border-thickness-8: var(--size-thickness-8);
+  --border-thickness-6: var(--size-thickness-6);
+  --border-thickness-4: var(--size-thickness-4);
+  --border-thickness-2: var(--size-thickness-2);
+  --border-thickness-1: var(--size-thickness-1);
+  --component-themes-blue-yale-heading: var(--color-basics-white);
+  --component-themes-blue-yale-text: var(--color-basics-white);
+  --component-themes-blue-yale-background: var(--color-blue-yale);
+  --component-themes-white-heading: var(--color-gray-800);
+  --component-themes-white-text: var(--color-gray-700);
+  --component-themes-white-background: var(--color-basics-white);
+  --component-themes-beige-heading: var(--color-gray-800);
+  --component-themes-beige-text: var(--color-gray-700);
+  --component-themes-beige-background: var(--color-basics-beige);
+  --component-themes-gray-100-heading: var(--color-gray-800);
+  --component-themes-gray-100-text: var(--color-gray-700);
+  --component-themes-gray-100-background: var(--color-gray-100);
+  --component-themes-gray-200-heading: var(--color-gray-800);
+  --component-themes-gray-200-text: var(--color-gray-700);
+  --component-themes-gray-200-background: var(--color-gray-200);
+  --component-themes-gray-700-heading: var(--color-basics-white);
+  --component-themes-gray-700-text: var(--color-basics-white);
+  --component-themes-gray-700-background: var(--color-gray-700);
+  --component-themes-gray-800-heading: var(--color-basics-white);
+  --component-themes-gray-800-text: var(--color-basics-white);
+  --component-themes-gray-800-background: var(--color-gray-800);
+}
diff --git a/build/json/tokens.json b/build/json/tokens.json
new file mode 100644
index 0000000..23b65c2
--- /dev/null
+++ b/build/json/tokens.json
@@ -0,0 +1,273 @@
+{
+  "break": {
+    "s": "576px",
+    "m": "768px",
+    "l": "992px",
+    "xl": "1200px",
+    "2xl": "1400px",
+    "max-width": "2400px"
+  },
+  "component-themes": {
+    "gray-800": {
+      "background": "hsl(0, 0%, 13%)",
+      "text": "hsl(0, 0%, 100%)",
+      "heading": "hsl(0, 0%, 100%)"
+    },
+    "gray-700": {
+      "background": "hsl(0, 0%, 25%)",
+      "text": "hsl(0, 0%, 100%)",
+      "heading": "hsl(0, 0%, 100%)"
+    },
+    "gray-200": {
+      "background": "hsl(0, 0%, 85%)",
+      "text": "hsl(0, 0%, 25%)",
+      "heading": "hsl(0, 0%, 13%)"
+    },
+    "gray-100": {
+      "background": "hsl(0, 0%, 97%)",
+      "text": "hsl(0, 0%, 25%)",
+      "heading": "hsl(0, 0%, 13%)"
+    },
+    "beige": {
+      "background": "hsl(35, 74%, 95%)",
+      "text": "hsl(0, 0%, 25%)",
+      "heading": "hsl(0, 0%, 13%)"
+    },
+    "white": {
+      "background": "hsl(0, 0%, 100%)",
+      "text": "hsl(0, 0%, 25%)",
+      "heading": "hsl(0, 0%, 13%)"
+    },
+    "blue-yale": {
+      "background": "hsl(210, 100%, 21%)",
+      "text": "hsl(0, 0%, 100%)",
+      "heading": "hsl(0, 0%, 100%)"
+    }
+  },
+  "layout": {
+    "width": {
+      "25": "25%",
+      "50": "50%",
+      "75": "75%",
+      "100": "100%"
+    },
+    "flex-position": {
+      "left": "flex-start",
+      "center": "center",
+      "right": "flex-end"
+    }
+  },
+  "border": {
+    "thickness": {
+      "1": "0.063rem",
+      "2": "0.125rem",
+      "4": "0.25rem",
+      "6": "0.375rem",
+      "8": "0.5rem",
+      "hairline": "0.031rem"
+    }
+  },
+  "site-header-themes": {
+    "gray-100": {
+      "background": "hsl(0, 0%, 97%)",
+      "yale-branding": "hsl(210, 100%, 21%)",
+      "site-branding": "hsl(210, 100%, 21%)"
+    },
+    "beige": {
+      "background": "hsl(35, 74%, 95%)",
+      "yale-branding": "hsl(210, 100%, 21%)",
+      "site-branding": "hsl(210, 100%, 21%)"
+    },
+    "white": {
+      "background": "hsl(0, 0%, 100%)",
+      "yale-branding": "hsl(210, 100%, 21%)",
+      "site-branding": "hsl(210, 100%, 21%)"
+    },
+    "blue-yale": {
+      "background": "hsl(210, 100%, 21%)",
+      "yale-branding": "hsl(213, 100%, 69%)",
+      "site-branding": "hsl(0, 0%, 100%)"
+    }
+  },
+  "site-header-layout": {
+    "left": {
+      "justify": "flex-start",
+      "align": "flex-start"
+    },
+    "center": {
+      "justify": "center",
+      "align": "center"
+    }
+  },
+  "font": {
+    "weights": {
+      "mallory-compact-400": "400",
+      "mallory-compact-500": "500",
+      "mallory-400": "400",
+      "mallory-500": "500",
+      "yalenew-400": "400",
+      "yalenew-500": "500"
+    },
+    "scale": {
+      "46-70": "clamp(2.875rem, calc(2.91vw + 1.83rem), 4.375rem)",
+      "41-64": "clamp(2.5625rem, calc(2.79vw + 1.56rem), 4rem)",
+      "38-55": "clamp(2.375rem, calc(2.06vw + 1.63rem), 3.4375rem)",
+      "33-48": "clamp(2.0625rem, calc(1.82vw + 1.41rem), 3rem)",
+      "30-43": "clamp(1.875rem, calc(1.58vw + 1.31rem), 2.6875rem)",
+      "27-37": "clamp(1.6875rem, calc(1.21vw + 1.25rem), 2.3125rem)",
+      "25-34": "clamp(1.5625rem, calc(1.09vw + 1.17rem), 2.125rem)",
+      "23-31": "clamp(1.4375rem, calc(0.97vw + 1.088rem), 1.9375rem)",
+      "22-28": "clamp(1.375rem, calc(0.73vw + 1.1129rem), 1.75rem)",
+      "22-27": "clamp(1.375rem, calc(0.61vw + 1.16rem), 1.6875rem)",
+      "19-24": "clamp(1.1875rem, calc(0.61vw + 0.9691rem), 1.5rem)",
+      "17-20": "clamp(1.0625rem, calc(0.36vw + 0.9314rem), 1.25rem)",
+      "17-19": "clamp(1.0625rem, calc(0.49vw + 0.7627rem), 1.1875rem)",
+      "16-19": "clamp(1rem, calc(0.36vw + 0.87rem), 1.1875rem)",
+      "15-18": "clamp(0.9375rem, calc(0.36vw + 0.8064rem), 1.125rem)",
+      "15-16": "clamp(0.9375rem, calc(0.12vw + 0.8938rem), 1rem)",
+      "14-16": "clamp(0.875rem, calc(0.24vw + 0.7876rem), 1rem)",
+      "14-15": "clamp(0.875rem, calc(0.12vw + 0.8313rem), 0.9375rem)",
+      "13-14": "clamp(0.8125rem, calc(0.12vw + 0.7688rem), 0.875rem)"
+    },
+    "letterSpacing": {
+      "h6-yale-new": "0.03em",
+      "h1-mallory-compact-medium": "-0.01em",
+      "h2-mallory-compact-medium": "-0.01em",
+      "h6-mallory-compact-medium": "0.02em",
+      "h1-mallory-compact-book": "-0.01em",
+      "h2-mallory-compact-book": "-0.01em",
+      "h6-mallory-compact-book": "0.02em"
+    },
+    "textTransform": {
+      "h6-yale-new": "uppercase",
+      "h6-mallory-compact-medium": "uppercase",
+      "h6-mallory-compact-book": "uppercase"
+    },
+    "style": {
+      "heading": {
+        "h1-yale-new": "400 clamp(2.875rem, calc(2.91vw + 1.83rem), 4.375rem)/1 YaleNew, serif",
+        "h2-yale-new": "400 clamp(2.375rem, calc(2.06vw + 1.63rem), 3.4375rem)/1 YaleNew, serif",
+        "h3-yale-new": "400 clamp(1.875rem, calc(1.58vw + 1.31rem), 2.6875rem)/1.02 YaleNew, serif",
+        "h4-yale-new": "400 clamp(1.5625rem, calc(1.09vw + 1.17rem), 2.125rem)/1.04 YaleNew, serif",
+        "h5-yale-new": "400 clamp(1.375rem, calc(0.61vw + 1.16rem), 1.6875rem)/1.05 YaleNew, serif",
+        "h6-yale-new": "400 clamp(1rem, calc(0.36vw + 0.87rem), 1.1875rem)/1.05 YaleNew, serif",
+        "h1-mallory-compact-medium": "500 clamp(2.875rem, calc(2.91vw + 1.83rem), 4.375rem)/1 'Mallory Compact', sans-serif",
+        "h2-mallory-compact-medium": "500 clamp(2.375rem, calc(2.06vw + 1.63rem), 3.4375rem)/1 'Mallory Compact', sans-serif",
+        "h3-mallory-compact-medium": "500 clamp(1.875rem, calc(1.58vw + 1.31rem), 2.6875rem)/1.05 'Mallory Compact', sans-serif",
+        "h4-mallory-compact-medium": "500 clamp(1.5625rem, calc(1.09vw + 1.17rem), 2.125rem)/1.10 'Mallory Compact', sans-serif",
+        "h5-mallory-compact-medium": "500 clamp(1.375rem, calc(0.61vw + 1.16rem), 1.6875rem)/1.15 'Mallory Compact', sans-serif",
+        "h6-mallory-compact-medium": "500 clamp(1rem, calc(0.36vw + 0.87rem), 1.1875rem)/1.05 'Mallory Compact', sans-serif",
+        "h1-mallory-compact-book": "400 clamp(2.875rem, calc(2.91vw + 1.83rem), 4.375rem)/1 'Mallory Compact', sans-serif",
+        "h2-mallory-compact-book": "400 clamp(2.375rem, calc(2.06vw + 1.63rem), 3.4375rem)/1 'Mallory Compact', sans-serif",
+        "h3-mallory-compact-book": "400 clamp(1.875rem, calc(1.58vw + 1.31rem), 2.6875rem)/1.05 'Mallory Compact', sans-serif",
+        "h4-mallory-compact-book": "400 clamp(1.5625rem, calc(1.09vw + 1.17rem), 2.125rem)/1.10 'Mallory Compact', sans-serif",
+        "h5-mallory-compact-book": "400 clamp(1.375rem, calc(0.61vw + 1.16rem), 1.6875rem)/1.15 'Mallory Compact', sans-serif",
+        "h6-mallory-compact-book": "400 clamp(1rem, calc(0.36vw + 0.87rem), 1.1875rem)/1.05 'Mallory Compact', sans-serif"
+      },
+      "body": {
+        "xl": "400 clamp(1.375rem, calc(0.73vw + 1.1129rem), 1.75rem)/1.4 'Mallory Compact', sans-serif",
+        "l": "400 clamp(1.1875rem, calc(0.61vw + 0.9691rem), 1.5rem)/1.45 'Mallory Compact', sans-serif",
+        "default": "400 clamp(1.0625rem, calc(0.36vw + 0.9314rem), 1.25rem)/1.65 'Mallory Compact', sans-serif",
+        "default-condensed": "400 clamp(1.0625rem, calc(0.49vw + 0.7627rem), 1.1875rem)/1.29 'Mallory Compact', sans-serif",
+        "s": "400 clamp(0.9375rem, calc(0.12vw + 0.8938rem), 1rem)/1.60 'Mallory Compact', sans-serif",
+        "s-condensed": "400 clamp(0.875rem, calc(0.24vw + 0.7876rem), 1rem)/1.29 'Mallory Compact', sans-serif",
+        "xs": "400 clamp(0.8125rem, calc(0.12vw + 0.7688rem), 0.875rem)/1.45 'Mallory Compact', sans-serif"
+      }
+    }
+  },
+  "size": {
+    "spacing": {
+      "0": "0rem",
+      "1": "0.125rem",
+      "2": "0.25rem",
+      "3": "0.5rem",
+      "4": "0.75rem",
+      "5": "1rem",
+      "6": "1.5rem",
+      "7": "2rem",
+      "8": "2.5rem",
+      "9": "3rem",
+      "10": "4rem",
+      "11": "5rem",
+      "12": "6rem",
+      "13": "10rem"
+    },
+    "thickness": {
+      "1": "0.063rem",
+      "2": "0.125rem",
+      "4": "0.25rem",
+      "6": "0.375rem",
+      "8": "0.5rem",
+      "hairline": "0.031rem"
+    }
+  },
+  "color": {
+    "blue": {
+      "yale": "hsl(210, 100%, 21%)",
+      "medium": "hsl(213, 66%, 45%)",
+      "light": "hsl(213, 100%, 69%)"
+    },
+    "basics": {
+      "white": "hsl(0, 0%, 100%)",
+      "black": "hsl(0, 0%, 0%)",
+      "beige": "hsl(35, 74%, 95%)",
+      "brown-gray": "hsl(28, 7%, 44%)"
+    },
+    "gray": {
+      "100": "hsl(0, 0%, 97%)",
+      "200": "hsl(0, 0%, 85%)",
+      "300": "hsl(0, 0%, 73%)",
+      "400": "hsl(0, 0%, 61%)",
+      "500": "hsl(0, 0%, 46%)",
+      "600": "hsl(0, 0%, 37%)",
+      "700": "hsl(0, 0%, 25%)",
+      "800": "hsl(0, 0%, 13%)"
+    }
+  },
+  "fontFamilies": {
+    "mallory-compact": "'Mallory Compact', sans-serif",
+    "mallory": "Mallory, sans-serif",
+    "yalenew": "YaleNew, serif"
+  },
+  "fontSize": {
+    "0": 13,
+    "1": 14,
+    "2": 15,
+    "3": 16,
+    "4": 17,
+    "5": 18,
+    "6": 19,
+    "7": 20,
+    "8": 22,
+    "9": 23,
+    "10": 24,
+    "11": 25,
+    "12": 27,
+    "13": 28,
+    "14": 30,
+    "15": 31,
+    "16": 33,
+    "17": 34,
+    "18": 37,
+    "19": 38,
+    "20": 41,
+    "21": 43,
+    "22": 46,
+    "23": 48,
+    "24": 55,
+    "25": 64,
+    "26": 70
+  },
+  "dropShadow": {
+    "Level 1": "0px 1px 2px 0px #00000029,0px 4px 4px 0px #00000017,0px 6px 8px 0px #00000021",
+    "Level 2": "0px 0.5985091924667358px 0.7980122566223145px 0px #00000014,0px 2.010267734527588px 2.680356979370117px 0px #0000001c,0px 9px 12px 0px #00000030",
+    "Level 3": "0px 0.33000001311302185px 1.7290265560150146px 0px #0000001a,0px 2.4700000286102295px 2.809999942779541px 0px #0000001f,0px 16px 23px 0px #00000038",
+    "Level 4": "0px 0.9975153207778931px 1.9285296201705933px 0px #00000012,0px 3.3504464626312256px 6.477529525756836px 0px #00000012,0px 15px 28px 0px #00000059"
+  },
+  "radius": {
+    "0": "0rem",
+    "4": "0.25rem",
+    "10": "0.625rem",
+    "20": "1.25rem"
+  }
+}
\ No newline at end of file
diff --git a/build/scss/tokens.scss b/build/scss/tokens.scss
new file mode 100644
index 0000000..3af8032
--- /dev/null
+++ b/build/scss/tokens.scss
@@ -0,0 +1,469 @@
+
+/**
+ * Do not edit directly
+ * Generated on Sat, 12 Feb 2022 15:26:09 GMT
+ */
+
+$radius-20: 1.25rem !default;
+$radius-10: 0.625rem !default;
+$radius-4: 0.25rem !default;
+$radius-0: 0rem !default;
+$drop-shadow-level-4: 0px 0.9975153207778931px 1.9285296201705933px 0px #00000012,0px 3.3504464626312256px 6.477529525756836px 0px #00000012,0px 15px 28px 0px #00000059 !default;
+$drop-shadow-level-3: 0px 0.33000001311302185px 1.7290265560150146px 0px #0000001a,0px 2.4700000286102295px 2.809999942779541px 0px #0000001f,0px 16px 23px 0px #00000038 !default;
+$drop-shadow-level-2: 0px 0.5985091924667358px 0.7980122566223145px 0px #00000014,0px 2.010267734527588px 2.680356979370117px 0px #0000001c,0px 9px 12px 0px #00000030 !default;
+$drop-shadow-level-1: 0px 1px 2px 0px #00000029,0px 4px 4px 0px #00000017,0px 6px 8px 0px #00000021 !default;
+$font-size-26: 70 !default;
+$font-size-25: 64 !default;
+$font-size-24: 55 !default;
+$font-size-23: 48 !default;
+$font-size-22: 46 !default;
+$font-size-21: 43 !default;
+$font-size-20: 41 !default;
+$font-size-19: 38 !default;
+$font-size-18: 37 !default;
+$font-size-17: 34 !default;
+$font-size-16: 33 !default;
+$font-size-15: 31 !default;
+$font-size-14: 30 !default;
+$font-size-13: 28 !default;
+$font-size-12: 27 !default;
+$font-size-11: 25 !default;
+$font-size-10: 24 !default;
+$font-size-9: 23 !default;
+$font-size-8: 22 !default;
+$font-size-7: 20 !default;
+$font-size-6: 19 !default;
+$font-size-5: 18 !default;
+$font-size-4: 17 !default;
+$font-size-3: 16 !default;
+$font-size-2: 15 !default;
+$font-size-1: 14 !default;
+$font-size-0: 13 !default;
+$font-families-yalenew: YaleNew, serif !default;
+$font-families-mallory: Mallory, sans-serif !default;
+$font-families-mallory-compact: 'Mallory Compact', sans-serif !default;
+$color-gray-800: hsl(0, 0%, 13%) !default;
+$color-gray-700: hsl(0, 0%, 25%) !default;
+$color-gray-600: hsl(0, 0%, 37%) !default;
+$color-gray-500: hsl(0, 0%, 46%) !default;
+$color-gray-400: hsl(0, 0%, 61%) !default;
+$color-gray-300: hsl(0, 0%, 73%) !default;
+$color-gray-200: hsl(0, 0%, 85%) !default;
+$color-gray-100: hsl(0, 0%, 97%) !default;
+$color-basics-brown-gray: hsl(28, 7%, 44%) !default;
+$color-basics-beige: hsl(35, 74%, 95%) !default;
+$color-basics-black: hsl(0, 0%, 0%) !default;
+$color-basics-white: hsl(0, 0%, 100%) !default;
+$color-blue-light: hsl(213, 100%, 69%) !default;
+$color-blue-medium: hsl(213, 66%, 45%) !default;
+$color-blue-yale: hsl(210, 100%, 21%) !default;
+$size-thickness-hairline: 0.031rem !default;
+$size-thickness-8: 0.5rem !default;
+$size-thickness-6: 0.375rem !default;
+$size-thickness-4: 0.25rem !default;
+$size-thickness-2: 0.125rem !default;
+$size-thickness-1: 0.063rem !default;
+$size-spacing-13: 10rem !default;
+$size-spacing-12: 6rem !default;
+$size-spacing-11: 5rem !default;
+$size-spacing-10: 4rem !default;
+$size-spacing-9: 3rem !default;
+$size-spacing-8: 2.5rem !default;
+$size-spacing-7: 2rem !default;
+$size-spacing-6: 1.5rem !default;
+$size-spacing-5: 1rem !default;
+$size-spacing-4: 0.75rem !default;
+$size-spacing-3: 0.5rem !default;
+$size-spacing-2: 0.25rem !default;
+$size-spacing-1: 0.125rem !default;
+$size-spacing-0: 0rem !default;
+$font-text-transform-h6-mallory-compact-book: uppercase !default;
+$font-text-transform-h6-mallory-compact-medium: uppercase !default;
+$font-text-transform-h6-yale-new: uppercase !default;
+$font-letter-spacing-h6-mallory-compact-book: 0.02em !default;
+$font-letter-spacing-h2-mallory-compact-book: -0.01em !default;
+$font-letter-spacing-h1-mallory-compact-book: -0.01em !default;
+$font-letter-spacing-h6-mallory-compact-medium: 0.02em !default;
+$font-letter-spacing-h2-mallory-compact-medium: -0.01em !default;
+$font-letter-spacing-h1-mallory-compact-medium: -0.01em !default;
+$font-letter-spacing-h6-yale-new: 0.03em !default;
+$font-scale-13-14: clamp(0.8125rem, calc(0.12vw + 0.7688rem), 0.875rem) !default;
+$font-scale-14-15: clamp(0.875rem, calc(0.12vw + 0.8313rem), 0.9375rem) !default;
+$font-scale-14-16: clamp(0.875rem, calc(0.24vw + 0.7876rem), 1rem) !default;
+$font-scale-15-16: clamp(0.9375rem, calc(0.12vw + 0.8938rem), 1rem) !default;
+$font-scale-15-18: clamp(0.9375rem, calc(0.36vw + 0.8064rem), 1.125rem) !default;
+$font-scale-16-19: clamp(1rem, calc(0.36vw + 0.87rem), 1.1875rem) !default;
+$font-scale-17-19: clamp(1.0625rem, calc(0.49vw + 0.7627rem), 1.1875rem) !default;
+$font-scale-17-20: clamp(1.0625rem, calc(0.36vw + 0.9314rem), 1.25rem) !default;
+$font-scale-19-24: clamp(1.1875rem, calc(0.61vw + 0.9691rem), 1.5rem) !default;
+$font-scale-22-27: clamp(1.375rem, calc(0.61vw + 1.16rem), 1.6875rem) !default;
+$font-scale-22-28: clamp(1.375rem, calc(0.73vw + 1.1129rem), 1.75rem) !default;
+$font-scale-23-31: clamp(1.4375rem, calc(0.97vw + 1.088rem), 1.9375rem) !default;
+$font-scale-25-34: clamp(1.5625rem, calc(1.09vw + 1.17rem), 2.125rem) !default;
+$font-scale-27-37: clamp(1.6875rem, calc(1.21vw + 1.25rem), 2.3125rem) !default;
+$font-scale-30-43: clamp(1.875rem, calc(1.58vw + 1.31rem), 2.6875rem) !default;
+$font-scale-33-48: clamp(2.0625rem, calc(1.82vw + 1.41rem), 3rem) !default;
+$font-scale-38-55: clamp(2.375rem, calc(2.06vw + 1.63rem), 3.4375rem) !default;
+$font-scale-41-64: clamp(2.5625rem, calc(2.79vw + 1.56rem), 4rem) !default;
+$font-scale-46-70: clamp(2.875rem, calc(2.91vw + 1.83rem), 4.375rem) !default;
+$font-weights-yalenew-500: 500 !default;
+$font-weights-yalenew-400: 400 !default;
+$font-weights-mallory-500: 500 !default;
+$font-weights-mallory-400: 400 !default;
+$font-weights-mallory-compact-500: 500 !default;
+$font-weights-mallory-compact-400: 400 !default;
+$layout-flex-position-right: flex-end !default;
+$layout-flex-position-center: center !default;
+$layout-flex-position-left: flex-start !default;
+$layout-width-100: 100% !default;
+$layout-width-75: 75% !default;
+$layout-width-50: 50% !default;
+$layout-width-25: 25% !default;
+$break-max-width: 2400px !default;
+$break-2xl: 1400px !default;
+$break-xl: 1200px !default;
+$break-l: 992px !default;
+$break-m: 768px !default;
+$break-s: 576px !default;
+$font-style-body-xs: 400 clamp(0.8125rem, calc(0.12vw + 0.7688rem), 0.875rem)/1.45 'Mallory Compact', sans-serif !default;
+$font-style-body-s-condensed: 400 clamp(0.875rem, calc(0.24vw + 0.7876rem), 1rem)/1.29 'Mallory Compact', sans-serif !default;
+$font-style-body-s: 400 clamp(0.9375rem, calc(0.12vw + 0.8938rem), 1rem)/1.60 'Mallory Compact', sans-serif !default;
+$font-style-body-default-condensed: 400 clamp(1.0625rem, calc(0.49vw + 0.7627rem), 1.1875rem)/1.29 'Mallory Compact', sans-serif !default;
+$font-style-body-default: 400 clamp(1.0625rem, calc(0.36vw + 0.9314rem), 1.25rem)/1.65 'Mallory Compact', sans-serif !default;
+$font-style-body-l: 400 clamp(1.1875rem, calc(0.61vw + 0.9691rem), 1.5rem)/1.45 'Mallory Compact', sans-serif !default;
+$font-style-body-xl: 400 clamp(1.375rem, calc(0.73vw + 1.1129rem), 1.75rem)/1.4 'Mallory Compact', sans-serif !default;
+$font-style-heading-h6-mallory-compact-book: 400 clamp(1rem, calc(0.36vw + 0.87rem), 1.1875rem)/1.05 'Mallory Compact', sans-serif !default;
+$font-style-heading-h5-mallory-compact-book: 400 clamp(1.375rem, calc(0.61vw + 1.16rem), 1.6875rem)/1.15 'Mallory Compact', sans-serif !default;
+$font-style-heading-h4-mallory-compact-book: 400 clamp(1.5625rem, calc(1.09vw + 1.17rem), 2.125rem)/1.10 'Mallory Compact', sans-serif !default;
+$font-style-heading-h3-mallory-compact-book: 400 clamp(1.875rem, calc(1.58vw + 1.31rem), 2.6875rem)/1.05 'Mallory Compact', sans-serif !default;
+$font-style-heading-h2-mallory-compact-book: 400 clamp(2.375rem, calc(2.06vw + 1.63rem), 3.4375rem)/1 'Mallory Compact', sans-serif !default;
+$font-style-heading-h1-mallory-compact-book: 400 clamp(2.875rem, calc(2.91vw + 1.83rem), 4.375rem)/1 'Mallory Compact', sans-serif !default;
+$font-style-heading-h6-mallory-compact-medium: 500 clamp(1rem, calc(0.36vw + 0.87rem), 1.1875rem)/1.05 'Mallory Compact', sans-serif !default;
+$font-style-heading-h5-mallory-compact-medium: 500 clamp(1.375rem, calc(0.61vw + 1.16rem), 1.6875rem)/1.15 'Mallory Compact', sans-serif !default;
+$font-style-heading-h4-mallory-compact-medium: 500 clamp(1.5625rem, calc(1.09vw + 1.17rem), 2.125rem)/1.10 'Mallory Compact', sans-serif !default;
+$font-style-heading-h3-mallory-compact-medium: 500 clamp(1.875rem, calc(1.58vw + 1.31rem), 2.6875rem)/1.05 'Mallory Compact', sans-serif !default;
+$font-style-heading-h2-mallory-compact-medium: 500 clamp(2.375rem, calc(2.06vw + 1.63rem), 3.4375rem)/1 'Mallory Compact', sans-serif !default;
+$font-style-heading-h1-mallory-compact-medium: 500 clamp(2.875rem, calc(2.91vw + 1.83rem), 4.375rem)/1 'Mallory Compact', sans-serif !default;
+$font-style-heading-h6-yale-new: 400 clamp(1rem, calc(0.36vw + 0.87rem), 1.1875rem)/1.05 YaleNew, serif !default;
+$font-style-heading-h5-yale-new: 400 clamp(1.375rem, calc(0.61vw + 1.16rem), 1.6875rem)/1.05 YaleNew, serif !default;
+$font-style-heading-h4-yale-new: 400 clamp(1.5625rem, calc(1.09vw + 1.17rem), 2.125rem)/1.04 YaleNew, serif !default;
+$font-style-heading-h3-yale-new: 400 clamp(1.875rem, calc(1.58vw + 1.31rem), 2.6875rem)/1.02 YaleNew, serif !default;
+$font-style-heading-h2-yale-new: 400 clamp(2.375rem, calc(2.06vw + 1.63rem), 3.4375rem)/1 YaleNew, serif !default;
+$font-style-heading-h1-yale-new: 400 clamp(2.875rem, calc(2.91vw + 1.83rem), 4.375rem)/1 YaleNew, serif !default;
+$site-header-layout-center-align: $layout-flex-position-center !default;
+$site-header-layout-center-justify: $layout-flex-position-center !default;
+$site-header-layout-left-align: $layout-flex-position-left !default;
+$site-header-layout-left-justify: $layout-flex-position-left !default;
+$site-header-themes-blue-yale-site-branding: $color-basics-white !default;
+$site-header-themes-blue-yale-yale-branding: $color-blue-light !default;
+$site-header-themes-blue-yale-background: $color-blue-yale !default;
+$site-header-themes-white-site-branding: $color-blue-yale !default;
+$site-header-themes-white-yale-branding: $color-blue-yale !default;
+$site-header-themes-white-background: $color-basics-white !default;
+$site-header-themes-beige-site-branding: $color-blue-yale !default;
+$site-header-themes-beige-yale-branding: $color-blue-yale !default;
+$site-header-themes-beige-background: $color-basics-beige !default;
+$site-header-themes-gray-100-site-branding: $color-blue-yale !default;
+$site-header-themes-gray-100-yale-branding: $color-blue-yale !default;
+$site-header-themes-gray-100-background: $color-gray-100 !default;
+$border-thickness-hairline: $size-thickness-hairline !default;
+$border-thickness-8: $size-thickness-8 !default;
+$border-thickness-6: $size-thickness-6 !default;
+$border-thickness-4: $size-thickness-4 !default;
+$border-thickness-2: $size-thickness-2 !default;
+$border-thickness-1: $size-thickness-1 !default;
+$component-themes-blue-yale-heading: $color-basics-white !default;
+$component-themes-blue-yale-text: $color-basics-white !default;
+$component-themes-blue-yale-background: $color-blue-yale !default;
+$component-themes-white-heading: $color-gray-800 !default;
+$component-themes-white-text: $color-gray-700 !default;
+$component-themes-white-background: $color-basics-white !default;
+$component-themes-beige-heading: $color-gray-800 !default;
+$component-themes-beige-text: $color-gray-700 !default;
+$component-themes-beige-background: $color-basics-beige !default;
+$component-themes-gray-100-heading: $color-gray-800 !default;
+$component-themes-gray-100-text: $color-gray-700 !default;
+$component-themes-gray-100-background: $color-gray-100 !default;
+$component-themes-gray-200-heading: $color-gray-800 !default;
+$component-themes-gray-200-text: $color-gray-700 !default;
+$component-themes-gray-200-background: $color-gray-200 !default;
+$component-themes-gray-700-heading: $color-basics-white !default;
+$component-themes-gray-700-text: $color-basics-white !default;
+$component-themes-gray-700-background: $color-gray-700 !default;
+$component-themes-gray-800-heading: $color-basics-white !default;
+$component-themes-gray-800-text: $color-basics-white !default;
+$component-themes-gray-800-background: $color-gray-800 !default;
+
+$tokens: (
+  'break': (
+    's': $break-s,
+    'm': $break-m,
+    'l': $break-l,
+    'xl': $break-xl,
+    '2xl': $break-2xl,
+    'max-width': $break-max-width
+  ),
+  'component-themes': (
+    'gray-800': (
+      'background': $component-themes-gray-800-background,
+      'text': $component-themes-gray-800-text,
+      'heading': $component-themes-gray-800-heading
+    ),
+    'gray-700': (
+      'background': $component-themes-gray-700-background,
+      'text': $component-themes-gray-700-text,
+      'heading': $component-themes-gray-700-heading
+    ),
+    'gray-200': (
+      'background': $component-themes-gray-200-background,
+      'text': $component-themes-gray-200-text,
+      'heading': $component-themes-gray-200-heading
+    ),
+    'gray-100': (
+      'background': $component-themes-gray-100-background,
+      'text': $component-themes-gray-100-text,
+      'heading': $component-themes-gray-100-heading
+    ),
+    'beige': (
+      'background': $component-themes-beige-background,
+      'text': $component-themes-beige-text,
+      'heading': $component-themes-beige-heading
+    ),
+    'white': (
+      'background': $component-themes-white-background,
+      'text': $component-themes-white-text,
+      'heading': $component-themes-white-heading
+    ),
+    'blue-yale': (
+      'background': $component-themes-blue-yale-background,
+      'text': $component-themes-blue-yale-text,
+      'heading': $component-themes-blue-yale-heading
+    )
+  ),
+  'layout': (
+    'width': (
+      '25': $layout-width-25,
+      '50': $layout-width-50,
+      '75': $layout-width-75,
+      '100': $layout-width-100
+    ),
+    'flex-position': (
+      'left': $layout-flex-position-left,
+      'center': $layout-flex-position-center,
+      'right': $layout-flex-position-right
+    )
+  ),
+  'border': (
+    'thickness': (
+      '1': $border-thickness-1,
+      '2': $border-thickness-2,
+      '4': $border-thickness-4,
+      '6': $border-thickness-6,
+      '8': $border-thickness-8,
+      'hairline': $border-thickness-hairline
+    )
+  ),
+  'site-header-themes': (
+    'gray-100': (
+      'background': $site-header-themes-gray-100-background,
+      'yale-branding': $site-header-themes-gray-100-yale-branding,
+      'site-branding': $site-header-themes-gray-100-site-branding
+    ),
+    'beige': (
+      'background': $site-header-themes-beige-background,
+      'yale-branding': $site-header-themes-beige-yale-branding,
+      'site-branding': $site-header-themes-beige-site-branding
+    ),
+    'white': (
+      'background': $site-header-themes-white-background,
+      'yale-branding': $site-header-themes-white-yale-branding,
+      'site-branding': $site-header-themes-white-site-branding
+    ),
+    'blue-yale': (
+      'background': $site-header-themes-blue-yale-background,
+      'yale-branding': $site-header-themes-blue-yale-yale-branding,
+      'site-branding': $site-header-themes-blue-yale-site-branding
+    )
+  ),
+  'site-header-layout': (
+    'left': (
+      'justify': $site-header-layout-left-justify,
+      'align': $site-header-layout-left-align
+    ),
+    'center': (
+      'justify': $site-header-layout-center-justify,
+      'align': $site-header-layout-center-align
+    )
+  ),
+  'font': (
+    'weights': (
+      'mallory-compact-400': $font-weights-mallory-compact-400,
+      'mallory-compact-500': $font-weights-mallory-compact-500,
+      'mallory-400': $font-weights-mallory-400,
+      'mallory-500': $font-weights-mallory-500,
+      'yalenew-400': $font-weights-yalenew-400,
+      'yalenew-500': $font-weights-yalenew-500
+    ),
+    'scale': (
+      '46-70': $font-scale-46-70,
+      '41-64': $font-scale-41-64,
+      '38-55': $font-scale-38-55,
+      '33-48': $font-scale-33-48,
+      '30-43': $font-scale-30-43,
+      '27-37': $font-scale-27-37,
+      '25-34': $font-scale-25-34,
+      '23-31': $font-scale-23-31,
+      '22-28': $font-scale-22-28,
+      '22-27': $font-scale-22-27,
+      '19-24': $font-scale-19-24,
+      '17-20': $font-scale-17-20,
+      '17-19': $font-scale-17-19,
+      '16-19': $font-scale-16-19,
+      '15-18': $font-scale-15-18,
+      '15-16': $font-scale-15-16,
+      '14-16': $font-scale-14-16,
+      '14-15': $font-scale-14-15,
+      '13-14': $font-scale-13-14
+    ),
+    'letterSpacing': (
+      'h6-yale-new': $font-letter-spacing-h6-yale-new,
+      'h1-mallory-compact-medium': $font-letter-spacing-h1-mallory-compact-medium,
+      'h2-mallory-compact-medium': $font-letter-spacing-h2-mallory-compact-medium,
+      'h6-mallory-compact-medium': $font-letter-spacing-h6-mallory-compact-medium,
+      'h1-mallory-compact-book': $font-letter-spacing-h1-mallory-compact-book,
+      'h2-mallory-compact-book': $font-letter-spacing-h2-mallory-compact-book,
+      'h6-mallory-compact-book': $font-letter-spacing-h6-mallory-compact-book
+    ),
+    'textTransform': (
+      'h6-yale-new': $font-text-transform-h6-yale-new,
+      'h6-mallory-compact-medium': $font-text-transform-h6-mallory-compact-medium,
+      'h6-mallory-compact-book': $font-text-transform-h6-mallory-compact-book
+    ),
+    'style': (
+      'heading': (
+        'h1-yale-new': $font-style-heading-h1-yale-new,
+        'h2-yale-new': $font-style-heading-h2-yale-new,
+        'h3-yale-new': $font-style-heading-h3-yale-new,
+        'h4-yale-new': $font-style-heading-h4-yale-new,
+        'h5-yale-new': $font-style-heading-h5-yale-new,
+        'h6-yale-new': $font-style-heading-h6-yale-new,
+        'h1-mallory-compact-medium': $font-style-heading-h1-mallory-compact-medium,
+        'h2-mallory-compact-medium': $font-style-heading-h2-mallory-compact-medium,
+        'h3-mallory-compact-medium': $font-style-heading-h3-mallory-compact-medium,
+        'h4-mallory-compact-medium': $font-style-heading-h4-mallory-compact-medium,
+        'h5-mallory-compact-medium': $font-style-heading-h5-mallory-compact-medium,
+        'h6-mallory-compact-medium': $font-style-heading-h6-mallory-compact-medium,
+        'h1-mallory-compact-book': $font-style-heading-h1-mallory-compact-book,
+        'h2-mallory-compact-book': $font-style-heading-h2-mallory-compact-book,
+        'h3-mallory-compact-book': $font-style-heading-h3-mallory-compact-book,
+        'h4-mallory-compact-book': $font-style-heading-h4-mallory-compact-book,
+        'h5-mallory-compact-book': $font-style-heading-h5-mallory-compact-book,
+        'h6-mallory-compact-book': $font-style-heading-h6-mallory-compact-book
+      ),
+      'body': (
+        'xl': $font-style-body-xl,
+        'l': $font-style-body-l,
+        'default': $font-style-body-default,
+        'default-condensed': $font-style-body-default-condensed,
+        's': $font-style-body-s,
+        's-condensed': $font-style-body-s-condensed,
+        'xs': $font-style-body-xs
+      )
+    )
+  ),
+  'size': (
+    'spacing': (
+      '0': $size-spacing-0,
+      '1': $size-spacing-1,
+      '2': $size-spacing-2,
+      '3': $size-spacing-3,
+      '4': $size-spacing-4,
+      '5': $size-spacing-5,
+      '6': $size-spacing-6,
+      '7': $size-spacing-7,
+      '8': $size-spacing-8,
+      '9': $size-spacing-9,
+      '10': $size-spacing-10,
+      '11': $size-spacing-11,
+      '12': $size-spacing-12,
+      '13': $size-spacing-13
+    ),
+    'thickness': (
+      '1': $size-thickness-1,
+      '2': $size-thickness-2,
+      '4': $size-thickness-4,
+      '6': $size-thickness-6,
+      '8': $size-thickness-8,
+      'hairline': $size-thickness-hairline
+    )
+  ),
+  'color': (
+    'blue': (
+      'yale': $color-blue-yale,
+      'medium': $color-blue-medium,
+      'light': $color-blue-light
+    ),
+    'basics': (
+      'white': $color-basics-white,
+      'black': $color-basics-black,
+      'beige': $color-basics-beige,
+      'brown-gray': $color-basics-brown-gray
+    ),
+    'gray': (
+      '100': $color-gray-100,
+      '200': $color-gray-200,
+      '300': $color-gray-300,
+      '400': $color-gray-400,
+      '500': $color-gray-500,
+      '600': $color-gray-600,
+      '700': $color-gray-700,
+      '800': $color-gray-800
+    )
+  ),
+  'fontFamilies': (
+    'mallory-compact': $font-families-mallory-compact,
+    'mallory': $font-families-mallory,
+    'yalenew': $font-families-yalenew
+  ),
+  'fontSize': (
+    '0': $font-size-0,
+    '1': $font-size-1,
+    '2': $font-size-2,
+    '3': $font-size-3,
+    '4': $font-size-4,
+    '5': $font-size-5,
+    '6': $font-size-6,
+    '7': $font-size-7,
+    '8': $font-size-8,
+    '9': $font-size-9,
+    '10': $font-size-10,
+    '11': $font-size-11,
+    '12': $font-size-12,
+    '13': $font-size-13,
+    '14': $font-size-14,
+    '15': $font-size-15,
+    '16': $font-size-16,
+    '17': $font-size-17,
+    '18': $font-size-18,
+    '19': $font-size-19,
+    '20': $font-size-20,
+    '21': $font-size-21,
+    '22': $font-size-22,
+    '23': $font-size-23,
+    '24': $font-size-24,
+    '25': $font-size-25,
+    '26': $font-size-26
+  ),
+  'dropShadow': (
+    'Level 1': $drop-shadow-level-1,
+    'Level 2': $drop-shadow-level-2,
+    'Level 3': $drop-shadow-level-3,
+    'Level 4': $drop-shadow-level-4
+  ),
+  'radius': (
+    '0': $radius-0,
+    '4': $radius-4,
+    '10': $radius-10,
+    '20': $radius-20
+  )
+);