From bd444216b774b2150cc573062e83e290df0d6211 Mon Sep 17 00:00:00 2001
From: joetower <joetower@users.noreply.github.com>
Date: Wed, 30 Nov 2022 23:25:14 +0000
Subject: [PATCH] build: update design tokens

---
 build/css/tokens.css   | 249 ++++++++++++++++
 build/json/tokens.json | 393 +++++++++++++++++++++++++
 build/scss/tokens.scss | 648 +++++++++++++++++++++++++++++++++++++++++
 3 files changed, 1290 insertions(+)
 create mode 100644 build/css/tokens.css
 create mode 100644 build/json/tokens.json
 create mode 100644 build/scss/tokens.scss

diff --git a/build/css/tokens.css b/build/css/tokens.css
new file mode 100644
index 0000000..5b6e1d5
--- /dev/null
+++ b/build/css/tokens.css
@@ -0,0 +1,249 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 30 Nov 2022 23:25:11 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-62: 3.875rem;
+  --font-size-58: 3.625rem;
+  --font-size-55: 3.4375rem;
+  --font-size-52: 3.25rem;
+  --font-size-49: 3.0625rem;
+  --font-size-46: 2.875rem;
+  --font-size-43: 2.6875rem;
+  --font-size-41: 2.5625rem;
+  --font-size-38: 2.375rem;
+  --font-size-36: 2.25rem;
+  --font-size-33: 2.0625rem;
+  --font-size-30: 1.875rem;
+  --font-size-29: 1.8125rem;
+  --font-size-27: 1.6875rem;
+  --font-size-26: 1.625rem;
+  --font-size-25: 1.5625rem;
+  --font-size-24: 1.5rem;
+  --font-size-23: 1.4375rem;
+  --font-size-21: 1.3125rem;
+  --font-size-20: 1.25rem;
+  --font-size-19: 1.1875rem;
+  --font-size-18: 1.125rem;
+  --font-size-17: 1.0625rem;
+  --font-size-16: 1rem;
+  --font-size-15: 0.9375rem;
+  --font-size-14: 0.875rem;
+  --font-size-13: 0.8125rem;
+  --font-families-yalenew: YaleNew, serif;
+  --font-families-mallory: Mallory, sans-serif;
+  --font-families-mallory-compact: 'Mallory Compact', sans-serif;
+  --site-header-layout-right-flex-direction: row;
+  --site-header-layout-center-flex-direction: column;
+  --site-header-layout-left-flex-direction: column;
+  --font-spacing-paragraph: 1em;
+  --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-weights-yalenew-bold: 700;
+  --font-weights-yalenew-roman: 400;
+  --font-weights-mallory-medium: 500;
+  --font-weights-mallory-book: 400;
+  --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-thickness-0: 0rem;
+  --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;
+  --size-click-target-minimum: 2.75rem;
+  --size-component-layout-width-content: 49.375rem;
+  --size-component-layout-width-highlight: 65rem;
+  --size-component-layout-width-feature: 84rem;
+  --size-component-layout-width-max: 100rem;
+  --layout-flex-position-space-between: space-between;
+  --layout-flex-position-baseline: baseline;
+  --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%;
+  --animation-speed-slow: 800ms;
+  --animation-speed-default: 200ms;
+  --break-max-width: 2400px;
+  --break-2xl: 1400px;
+  --break-xl: 1200px;
+  --break-l: 992px;
+  --break-m: 768px;
+  --break-s: 576px;
+  --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-basic-brown-gray: hsl(28, 7%, 44%);
+  --color-basic-black: hsl(0, 0%, 0%);
+  --color-basic-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%);
+  --color-alert-marketing-background-color: hsl(198, 100%, 85%);
+  --color-alert-announcement-background-color: hsl(50, 99%, 61%);
+  --color-alert-emergency-text: hsl(0, 0%, 100%);
+  --color-alert-emergency-background-color: hsl(0, 74%, 48%);
+  --color-cta-theme-blue-yale: hsl(0, 0%, 0%);
+  --color-cta-theme-gray-700: hsl(0, 0%, 0%);
+  --color-cta-theme-gray-800: hsl(0, 0%, 0%);
+  --site-header-layout-right-align: var(--layout-flex-position-baseline);
+  --site-header-layout-right-justify: var(--layout-flex-position-space-between);
+  --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-divider-color: var(--color-gray-500);
+  --site-header-themes-blue-yale-border-color: var(--color-blue-light);
+  --site-header-themes-blue-yale-site-branding: var(--color-basic-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-divider-color: var(--color-gray-300);
+  --site-header-themes-white-border-color: 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-basic-white);
+  --site-header-themes-gray-100-divider-color: var(--color-gray-300);
+  --site-header-themes-gray-100-border-color: var(--color-blue-yale);
+  --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);
+  --site-footer-themes-white-border-color: var(--color-blue-yale);
+  --site-footer-themes-gray-100-border-color: var(--color-blue-yale);
+  --site-footer-themes-gray-700-border-color: var(--color-blue-light);
+  --site-footer-themes-gray-800-border-color: var(--color-blue-light);
+  --site-footer-themes-blue-yale-border-color: var(--color-blue-light);
+  --font-scale-13-14: clamp(var(--font-size-13), calc(0.12vw + 0.7688rem), var(--font-size-14));
+  --font-scale-15-16: clamp(var(--font-size-15), calc(0.12vw + 0.8938rem), var(--font-size-16));
+  --font-scale-15-18: clamp(var(--font-size-15), calc(0.36vw + 0.8064rem), var(--font-size-18));
+  --font-scale-16-19: clamp(var(--font-size-16), calc(0.36vw + 0.8689rem), var(--font-size-19));
+  --font-scale-17-20: clamp(var(--font-size-17), calc(0.36vw + 0.9314rem), var(--font-size-20));
+  --font-scale-20-24: clamp(var(--font-size-20), calc(0.49vw + 1.0752rem), var(--font-size-24));
+  --font-scale-20-26: clamp(var(--font-size-20), calc(0.73vw + 0.9879rem), var(--font-size-26));
+  --font-scale-21-25: clamp(var(--font-size-21), calc(0.49vw + 1.1377rem), var(--font-size-25));
+  --font-scale-23-29: clamp(var(--font-size-23), calc(0.73vw + 1.1754rem), var(--font-size-29));
+  --font-scale-24-30: clamp(var(--font-size-24), calc(0.73vw + 1.2379rem), var(--font-size-30));
+  --font-scale-27-36: clamp(var(--font-size-27), calc(1.09vw + 1.2943rem), var(--font-size-36));
+  --font-scale-29-41: clamp(var(--font-size-29), calc(1.46vw + 1.2882rem), var(--font-size-41));
+  --font-scale-33-46: clamp(var(--font-size-33), calc(1.58vw + 1.4945rem), var(--font-size-46));
+  --font-scale-36-52: clamp(var(--font-size-36), calc(1.94vw + 1.5510rem), var(--font-size-52));
+  --font-scale-38-55: clamp(var(--font-size-38), calc(2.06vw + 1.6323rem), var(--font-size-55));
+  --font-scale-41-58: clamp(var(--font-size-41), calc(2.06vw + 1.8198rem), var(--font-size-58));
+  --font-scale-43-62: clamp(var(--font-size-43), calc(2.32vw + 1.8574rem), var(--font-size-62));
+  --font-style-branding-site: 400 clamp(2.25rem, calc(1.58vw + 1.6820rem), 3.0625rem)/1 YaleNew, serif;
+  --font-style-branding-yale: 400 clamp(1.0625rem, calc(0.36vw + 0.9314rem), 1.25rem)/1.05 YaleNew, serif;
+  --font-style-body-xs: 400 clamp(0.8125rem, calc(0.12vw + 0.7688rem), 0.875rem)/1.4 'Mallory Compact', sans-serif;
+  --font-style-body-s-condensed: 400 clamp(0.9375rem, calc(0.12vw + 0.8938rem), 1rem)/1.4 'Mallory Compact', sans-serif;
+  --font-style-body-s: 400 clamp(0.9375rem, calc(0.12vw + 0.8938rem), 1rem)/1.7 'Mallory Compact', sans-serif;
+  --font-style-body-default-condensed: 400 clamp(1.0625rem, calc(0.36vw + 0.9314rem), 1.25rem)/1.4 'Mallory Compact', sans-serif;
+  --font-style-body-default: 400 clamp(1.0625rem, calc(0.36vw + 0.9314rem), 1.25rem)/1.7 'Mallory Compact', sans-serif;
+  --font-style-body-l: 400 clamp(1.25rem, calc(0.73vw + 0.9879rem), 1.625rem)/1.7 'Mallory Compact', sans-serif;
+  --font-style-body-xl: 400 clamp(1.4375rem, calc(0.73vw + 1.1754rem), 1.8125rem)/1.7 'Mallory Compact', sans-serif;
+  --font-style-heading-h6-mallory-compact-book: 400 clamp(0.9375rem, calc(0.36vw + 0.8064rem), 1.125rem)/1.05 'Mallory Compact', sans-serif;
+  --font-style-heading-h5-mallory-compact-book: 400 clamp(1.25rem, calc(0.49vw + 1.0752rem), 1.5rem)/1.15 'Mallory Compact', sans-serif;
+  --font-style-heading-h4-mallory-compact-book: 400 clamp(1.4375rem, calc(0.73vw + 1.1754rem), 1.8125rem)/1.10 'Mallory Compact', sans-serif;
+  --font-style-heading-h3-mallory-compact-book: 400 clamp(1.6875rem, calc(1.09vw + 1.2943rem), 2.25rem)/1.05 'Mallory Compact', sans-serif;
+  --font-style-heading-h2-mallory-compact-book: 400 clamp(2.0625rem, calc(1.58vw + 1.4945rem), 2.875rem)/1 'Mallory Compact', sans-serif;
+  --font-style-heading-h1-mallory-compact-book: 400 clamp(2.5625rem, calc(2.06vw + 1.8198rem), 3.625rem)/1 'Mallory Compact', sans-serif;
+  --font-style-heading-h6-mallory-compact-medium: 500 clamp(0.9375rem, calc(0.36vw + 0.8064rem), 1.125rem)/1.05 'Mallory Compact', sans-serif;
+  --font-style-heading-h5-mallory-compact-medium: 500 clamp(1.25rem, calc(0.49vw + 1.0752rem), 1.5rem)/1.15 'Mallory Compact', sans-serif;
+  --font-style-heading-h4-mallory-compact-medium: 500 clamp(1.4375rem, calc(0.73vw + 1.1754rem), 1.8125rem)/1.10 'Mallory Compact', sans-serif;
+  --font-style-heading-h3-mallory-compact-medium: 500 clamp(1.6875rem, calc(1.09vw + 1.2943rem), 2.25rem)/1.05 'Mallory Compact', sans-serif;
+  --font-style-heading-h2-mallory-compact-medium: 500 clamp(2.0625rem, calc(1.58vw + 1.4945rem), 2.875rem)/1 'Mallory Compact', sans-serif;
+  --font-style-heading-h1-mallory-compact-medium: 500 clamp(2.5625rem, calc(2.06vw + 1.8198rem), 3.625rem)/1 'Mallory Compact', sans-serif;
+  --font-style-heading-h6-yale-new: 400 clamp(1rem, calc(0.36vw + 0.8689rem), 1.1875rem)/1.05 YaleNew, serif;
+  --font-style-heading-h5-yale-new: 400 clamp(1.3125rem, calc(0.49vw + 1.1377rem), 1.5625rem)/1.14 YaleNew, serif;
+  --font-style-heading-h4-yale-new: 400 clamp(1.5rem, calc(0.73vw + 1.2379rem), 1.875rem)/1.14 YaleNew, serif;
+  --font-style-heading-h3-yale-new: 400 clamp(1.8125rem, calc(1.46vw + 1.2882rem), 2.5625rem)/1.14 YaleNew, serif;
+  --font-style-heading-h2-yale-new: 400 clamp(2.25rem, calc(1.94vw + 1.5510rem), 3.25rem)/1 YaleNew, serif;
+  --font-style-heading-h1-yale-new: 400 clamp(2.6875rem, calc(2.32vw + 1.8574rem), 3.875rem)/1 YaleNew, serif;
+  --font-style-nav-primary-2: var(--font-weights-mallory-book) var(--font-size-17)/1.18 var(--font-families-mallory-compact);
+  --font-style-nav-primary-1: var(--font-weights-mallory-book) var(--font-size-19)/1.65 var(--font-families-mallory-compact);
+  --font-style-nav-primary-0: var(--font-weights-mallory-book) var(--font-size-20)/1.65 var(--font-families-mallory-compact);
+  --callout-themes-gray-700-background-color: var(--color-gray-700);
+  --callout-themes-blue-yale-background-color: var(--color-blue-yale);
+  --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);
+  --border-thickness-0: var(--size-thickness-0);
+  --component-themes-blue-yale-heading: var(--color-basic-white);
+  --component-themes-blue-yale-text: var(--color-basic-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-basic-white);
+  --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-basic-white);
+  --component-themes-gray-700-text: var(--color-basic-white);
+  --component-themes-gray-700-background: var(--color-gray-700);
+  --component-themes-gray-800-heading: var(--color-basic-white);
+  --component-themes-gray-800-text: var(--color-basic-white);
+  --component-themes-gray-800-background: var(--color-gray-800);
+  --break-mobile-max: var(--break-l) - 0.05;
+  --break-mobile: var(--break-l);
+  --link-underline-size-thick: var(--size-thickness-8);
+  --link-underline-size-default: var(--size-thickness-2);
+  --color-alert-marketing-border-color: var(--color-gray-500);
+  --color-alert-announcement-border-color: var(--color-gray-500);
+  --color-alert-emergency-border-color: var(--color-basic-white);
+  --color-heading: var(--color-gray-800);
+  --color-text: var(--color-gray-700);
+  --color-background: var(--color-basic-white);
+  --color-link-theme-gray-200-hover: var(--color-gray-700);
+  --color-link-theme-gray-200-base: var(--color-blue-yale);
+  --color-link-theme-gray-700-hover: var(--color-gray-300);
+  --color-link-theme-gray-700-base: var(--color-basic-white);
+  --color-link-theme-blue-yale-hover: var(--color-blue-light);
+  --color-link-theme-blue-yale-base: var(--color-basic-white);
+  --color-link-theme-gray-800-hover: var(--color-blue-light);
+  --color-link-theme-gray-800-base: var(--color-basic-white);
+  --color-link-hover: var(--color-gray-700);
+  --color-link-base: var(--color-blue-medium);
+  --color-cta-primary: var(--color-blue-yale);
+  --color-cta-secondary: var(--color-background);
+}
diff --git a/build/json/tokens.json b/build/json/tokens.json
new file mode 100644
index 0000000..b7bdaf3
--- /dev/null
+++ b/build/json/tokens.json
@@ -0,0 +1,393 @@
+{
+  "color": {
+    "cta": {
+      "primary": "hsl(210, 100%, 21%)",
+      "secondary": "hsl(0, 0%, 100%)",
+      "theme": {
+        "gray-800": "hsl(0, 0%, 0%)",
+        "gray-700": "hsl(0, 0%, 0%)",
+        "blue-yale": "hsl(0, 0%, 0%)"
+      }
+    },
+    "link": {
+      "base": "hsl(213, 66%, 45%)",
+      "hover": "hsl(0, 0%, 25%)",
+      "theme": {
+        "gray-800": {
+          "base": "hsl(0, 0%, 100%)",
+          "hover": "hsl(213, 100%, 69%)"
+        },
+        "blue-yale": {
+          "base": "hsl(0, 0%, 100%)",
+          "hover": "hsl(213, 100%, 69%)"
+        },
+        "gray-700": {
+          "base": "hsl(0, 0%, 100%)",
+          "hover": "hsl(0, 0%, 73%)"
+        },
+        "gray-200": {
+          "base": "hsl(210, 100%, 21%)",
+          "hover": "hsl(0, 0%, 25%)"
+        }
+      }
+    },
+    "background": "hsl(0, 0%, 100%)",
+    "text": "hsl(0, 0%, 25%)",
+    "heading": "hsl(0, 0%, 13%)",
+    "alert": {
+      "emergency": {
+        "background-color": "hsl(0, 74%, 48%)",
+        "text": "hsl(0, 0%, 100%)",
+        "border-color": "hsl(0, 0%, 100%)"
+      },
+      "announcement": {
+        "background-color": "hsl(50, 99%, 61%)",
+        "border-color": "hsl(0, 0%, 46%)"
+      },
+      "marketing": {
+        "background-color": "hsl(198, 100%, 85%)",
+        "border-color": "hsl(0, 0%, 46%)"
+      }
+    },
+    "social-links": {
+      "theme": {
+        "gray-800": true,
+        "gray-700": true,
+        "blue-yale": true
+      }
+    },
+    "blue": {
+      "yale": "hsl(210, 100%, 21%)",
+      "medium": "hsl(213, 66%, 45%)",
+      "light": "hsl(213, 100%, 69%)"
+    },
+    "basic": {
+      "white": "hsl(0, 0%, 100%)",
+      "black": "hsl(0, 0%, 0%)",
+      "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%)"
+    }
+  },
+  "link": {
+    "underline-size": {
+      "default": "0.125rem",
+      "thick": "0.5rem"
+    }
+  },
+  "break": {
+    "s": "576px",
+    "m": "768px",
+    "l": "992px",
+    "xl": "1200px",
+    "2xl": "1400px",
+    "max-width": "2400px",
+    "mobile": "992px",
+    "mobile-max": "992px - 0.05"
+  },
+  "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%)"
+    },
+    "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%)"
+    }
+  },
+  "animation": {
+    "speed": {
+      "default": "200ms",
+      "slow": "800ms"
+    }
+  },
+  "layout": {
+    "width": {
+      "25": "25%",
+      "50": "50%",
+      "75": "75%",
+      "100": "100%"
+    },
+    "flex-position": {
+      "left": "flex-start",
+      "center": "center",
+      "right": "flex-end",
+      "baseline": "baseline",
+      "space-between": "space-between"
+    }
+  },
+  "size": {
+    "component-layout": {
+      "width": {
+        "max": "100rem",
+        "feature": "84rem",
+        "highlight": "65rem",
+        "content": "49.375rem"
+      }
+    },
+    "click-target-minimum": "2.75rem",
+    "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": {
+      "0": "0rem",
+      "1": "0.063rem",
+      "2": "0.125rem",
+      "4": "0.25rem",
+      "6": "0.375rem",
+      "8": "0.5rem",
+      "hairline": "0.031rem"
+    }
+  },
+  "border": {
+    "thickness": {
+      "0": "0rem",
+      "1": "0.063rem",
+      "2": "0.125rem",
+      "4": "0.25rem",
+      "6": "0.375rem",
+      "8": "0.5rem",
+      "hairline": "0.031rem"
+    }
+  },
+  "callout-themes": {
+    "blue-yale": {
+      "background-color": "hsl(210, 100%, 21%)"
+    },
+    "gray-700": {
+      "background-color": "hsl(0, 0%, 25%)"
+    }
+  },
+  "font": {
+    "style": {
+      "nav": {
+        "primary": {
+          "0": "400 1.25rem/1.65 'Mallory Compact', sans-serif",
+          "1": "400 1.1875rem/1.65 'Mallory Compact', sans-serif",
+          "2": "400 1.0625rem/1.18 'Mallory Compact', sans-serif"
+        }
+      },
+      "heading": {
+        "h1-yale-new": "400 clamp(2.6875rem, calc(2.32vw + 1.8574rem), 3.875rem)/1 YaleNew, serif",
+        "h2-yale-new": "400 clamp(2.25rem, calc(1.94vw + 1.5510rem), 3.25rem)/1 YaleNew, serif",
+        "h3-yale-new": "400 clamp(1.8125rem, calc(1.46vw + 1.2882rem), 2.5625rem)/1.14 YaleNew, serif",
+        "h4-yale-new": "400 clamp(1.5rem, calc(0.73vw + 1.2379rem), 1.875rem)/1.14 YaleNew, serif",
+        "h5-yale-new": "400 clamp(1.3125rem, calc(0.49vw + 1.1377rem), 1.5625rem)/1.14 YaleNew, serif",
+        "h6-yale-new": "400 clamp(1rem, calc(0.36vw + 0.8689rem), 1.1875rem)/1.05 YaleNew, serif",
+        "h1-mallory-compact-medium": "500 clamp(2.5625rem, calc(2.06vw + 1.8198rem), 3.625rem)/1 'Mallory Compact', sans-serif",
+        "h2-mallory-compact-medium": "500 clamp(2.0625rem, calc(1.58vw + 1.4945rem), 2.875rem)/1 'Mallory Compact', sans-serif",
+        "h3-mallory-compact-medium": "500 clamp(1.6875rem, calc(1.09vw + 1.2943rem), 2.25rem)/1.05 'Mallory Compact', sans-serif",
+        "h4-mallory-compact-medium": "500 clamp(1.4375rem, calc(0.73vw + 1.1754rem), 1.8125rem)/1.10 'Mallory Compact', sans-serif",
+        "h5-mallory-compact-medium": "500 clamp(1.25rem, calc(0.49vw + 1.0752rem), 1.5rem)/1.15 'Mallory Compact', sans-serif",
+        "h6-mallory-compact-medium": "500 clamp(0.9375rem, calc(0.36vw + 0.8064rem), 1.125rem)/1.05 'Mallory Compact', sans-serif",
+        "h1-mallory-compact-book": "400 clamp(2.5625rem, calc(2.06vw + 1.8198rem), 3.625rem)/1 'Mallory Compact', sans-serif",
+        "h2-mallory-compact-book": "400 clamp(2.0625rem, calc(1.58vw + 1.4945rem), 2.875rem)/1 'Mallory Compact', sans-serif",
+        "h3-mallory-compact-book": "400 clamp(1.6875rem, calc(1.09vw + 1.2943rem), 2.25rem)/1.05 'Mallory Compact', sans-serif",
+        "h4-mallory-compact-book": "400 clamp(1.4375rem, calc(0.73vw + 1.1754rem), 1.8125rem)/1.10 'Mallory Compact', sans-serif",
+        "h5-mallory-compact-book": "400 clamp(1.25rem, calc(0.49vw + 1.0752rem), 1.5rem)/1.15 'Mallory Compact', sans-serif",
+        "h6-mallory-compact-book": "400 clamp(0.9375rem, calc(0.36vw + 0.8064rem), 1.125rem)/1.05 'Mallory Compact', sans-serif"
+      },
+      "body": {
+        "xl": "400 clamp(1.4375rem, calc(0.73vw + 1.1754rem), 1.8125rem)/1.7 'Mallory Compact', sans-serif",
+        "l": "400 clamp(1.25rem, calc(0.73vw + 0.9879rem), 1.625rem)/1.7 'Mallory Compact', sans-serif",
+        "default": "400 clamp(1.0625rem, calc(0.36vw + 0.9314rem), 1.25rem)/1.7 'Mallory Compact', sans-serif",
+        "default-condensed": "400 clamp(1.0625rem, calc(0.36vw + 0.9314rem), 1.25rem)/1.4 'Mallory Compact', sans-serif",
+        "s": "400 clamp(0.9375rem, calc(0.12vw + 0.8938rem), 1rem)/1.7 'Mallory Compact', sans-serif",
+        "s-condensed": "400 clamp(0.9375rem, calc(0.12vw + 0.8938rem), 1rem)/1.4 'Mallory Compact', sans-serif",
+        "xs": "400 clamp(0.8125rem, calc(0.12vw + 0.7688rem), 0.875rem)/1.4 'Mallory Compact', sans-serif"
+      },
+      "branding": {
+        "yale": "400 clamp(1.0625rem, calc(0.36vw + 0.9314rem), 1.25rem)/1.05 YaleNew, serif",
+        "site": "400 clamp(2.25rem, calc(1.58vw + 1.6820rem), 3.0625rem)/1 YaleNew, serif"
+      }
+    },
+    "weights": {
+      "mallory-book": "400",
+      "mallory-medium": "500",
+      "yalenew-roman": "400",
+      "yalenew-bold": "700"
+    },
+    "scale": {
+      "43-62": "clamp(2.6875rem, calc(2.32vw + 1.8574rem), 3.875rem)",
+      "41-58": "clamp(2.5625rem, calc(2.06vw + 1.8198rem), 3.625rem)",
+      "38-55": "clamp(2.375rem, calc(2.06vw + 1.6323rem), 3.4375rem)",
+      "36-52": "clamp(2.25rem, calc(1.94vw + 1.5510rem), 3.25rem)",
+      "33-46": "clamp(2.0625rem, calc(1.58vw + 1.4945rem), 2.875rem)",
+      "29-41": "clamp(1.8125rem, calc(1.46vw + 1.2882rem), 2.5625rem)",
+      "27-36": "clamp(1.6875rem, calc(1.09vw + 1.2943rem), 2.25rem)",
+      "24-30": "clamp(1.5rem, calc(0.73vw + 1.2379rem), 1.875rem)",
+      "23-29": "clamp(1.4375rem, calc(0.73vw + 1.1754rem), 1.8125rem)",
+      "21-25": "clamp(1.3125rem, calc(0.49vw + 1.1377rem), 1.5625rem)",
+      "20-26": "clamp(1.25rem, calc(0.73vw + 0.9879rem), 1.625rem)",
+      "20-24": "clamp(1.25rem, calc(0.49vw + 1.0752rem), 1.5rem)",
+      "17-20": "clamp(1.0625rem, calc(0.36vw + 0.9314rem), 1.25rem)",
+      "16-19": "clamp(1rem, calc(0.36vw + 0.8689rem), 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)",
+      "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"
+    },
+    "spacing": {
+      "paragraph": "1em"
+    }
+  },
+  "site-footer-themes": {
+    "blue-yale": {
+      "border-color": "hsl(213, 100%, 69%)"
+    },
+    "gray-800": {
+      "border-color": "hsl(213, 100%, 69%)"
+    },
+    "gray-700": {
+      "border-color": "hsl(213, 100%, 69%)"
+    },
+    "gray-100": {
+      "border-color": "hsl(210, 100%, 21%)"
+    },
+    "white": {
+      "border-color": "hsl(210, 100%, 21%)"
+    }
+  },
+  "site-header-themes": {
+    "gray-100": {
+      "background": "hsl(0, 0%, 97%)",
+      "yale-branding": "hsl(210, 100%, 21%)",
+      "site-branding": "hsl(210, 100%, 21%)",
+      "border-color": "hsl(210, 100%, 21%)",
+      "divider-color": "hsl(0, 0%, 73%)"
+    },
+    "white": {
+      "background": "hsl(0, 0%, 100%)",
+      "yale-branding": "hsl(210, 100%, 21%)",
+      "site-branding": "hsl(210, 100%, 21%)",
+      "border-color": "hsl(210, 100%, 21%)",
+      "divider-color": "hsl(0, 0%, 73%)"
+    },
+    "blue-yale": {
+      "background": "hsl(210, 100%, 21%)",
+      "yale-branding": "hsl(213, 100%, 69%)",
+      "site-branding": "hsl(0, 0%, 100%)",
+      "border-color": "hsl(213, 100%, 69%)",
+      "divider-color": "hsl(0, 0%, 46%)"
+    }
+  },
+  "site-header-layout": {
+    "left": {
+      "justify": "flex-start",
+      "align": "flex-start",
+      "flex-direction": "column"
+    },
+    "center": {
+      "justify": "center",
+      "align": "center",
+      "flex-direction": "column"
+    },
+    "right": {
+      "justify": "space-between",
+      "align": "baseline",
+      "flex-direction": "row"
+    }
+  },
+  "fontFamilies": {
+    "mallory-compact": "'Mallory Compact', sans-serif",
+    "mallory": "Mallory, sans-serif",
+    "yalenew": "YaleNew, serif"
+  },
+  "fontSize": {
+    "13": "0.8125rem",
+    "14": "0.875rem",
+    "15": "0.9375rem",
+    "16": "1rem",
+    "17": "1.0625rem",
+    "18": "1.125rem",
+    "19": "1.1875rem",
+    "20": "1.25rem",
+    "21": "1.3125rem",
+    "23": "1.4375rem",
+    "24": "1.5rem",
+    "25": "1.5625rem",
+    "26": "1.625rem",
+    "27": "1.6875rem",
+    "29": "1.8125rem",
+    "30": "1.875rem",
+    "33": "2.0625rem",
+    "36": "2.25rem",
+    "38": "2.375rem",
+    "41": "2.5625rem",
+    "43": "2.6875rem",
+    "46": "2.875rem",
+    "49": "3.0625rem",
+    "52": "3.25rem",
+    "55": "3.4375rem",
+    "58": "3.625rem",
+    "62": "3.875rem"
+  },
+  "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..a136eb7
--- /dev/null
+++ b/build/scss/tokens.scss
@@ -0,0 +1,648 @@
+
+/**
+ * Do not edit directly
+ * Generated on Wed, 30 Nov 2022 23:25:11 GMT
+ */
+
+$color-cta-primary: hsl(210, 100%, 21%) !default;
+$color-cta-secondary: hsl(0, 0%, 100%) !default;
+$color-cta-theme-gray-800: hsl(0, 0%, 0%) !default;
+$color-cta-theme-gray-700: hsl(0, 0%, 0%) !default;
+$color-cta-theme-blue-yale: hsl(0, 0%, 0%) !default;
+$color-link-base: hsl(213, 66%, 45%) !default;
+$color-link-hover: hsl(0, 0%, 25%) !default;
+$color-link-theme-gray-800-base: hsl(0, 0%, 100%) !default;
+$color-link-theme-gray-800-hover: hsl(213, 100%, 69%) !default;
+$color-link-theme-blue-yale-base: hsl(0, 0%, 100%) !default;
+$color-link-theme-blue-yale-hover: hsl(213, 100%, 69%) !default;
+$color-link-theme-gray-700-base: hsl(0, 0%, 100%) !default;
+$color-link-theme-gray-700-hover: hsl(0, 0%, 73%) !default;
+$color-link-theme-gray-200-base: hsl(210, 100%, 21%) !default;
+$color-link-theme-gray-200-hover: hsl(0, 0%, 25%) !default;
+$color-background: hsl(0, 0%, 100%) !default;
+$color-text: hsl(0, 0%, 25%) !default;
+$color-heading: hsl(0, 0%, 13%) !default;
+$color-alert-emergency-background-color: hsl(0, 74%, 48%) !default;
+$color-alert-emergency-text: hsl(0, 0%, 100%) !default;
+$color-alert-emergency-border-color: hsl(0, 0%, 100%) !default;
+$color-alert-announcement-background-color: hsl(50, 99%, 61%) !default;
+$color-alert-announcement-border-color: hsl(0, 0%, 46%) !default;
+$color-alert-marketing-background-color: hsl(198, 100%, 85%) !default;
+$color-alert-marketing-border-color: hsl(0, 0%, 46%) !default;
+$color-blue-yale: hsl(210, 100%, 21%) !default;
+$color-blue-medium: hsl(213, 66%, 45%) !default;
+$color-blue-light: hsl(213, 100%, 69%) !default;
+$color-basic-white: hsl(0, 0%, 100%) !default;
+$color-basic-black: hsl(0, 0%, 0%) !default;
+$color-basic-brown-gray: hsl(28, 7%, 44%) !default;
+$color-gray-100: hsl(0, 0%, 97%) !default;
+$color-gray-200: hsl(0, 0%, 85%) !default;
+$color-gray-300: hsl(0, 0%, 73%) !default;
+$color-gray-400: hsl(0, 0%, 61%) !default;
+$color-gray-500: hsl(0, 0%, 46%) !default;
+$color-gray-600: hsl(0, 0%, 37%) !default;
+$color-gray-700: hsl(0, 0%, 25%) !default;
+$color-gray-800: hsl(0, 0%, 13%) !default;
+$link-underline-size-default: 0.125rem !default;
+$link-underline-size-thick: 0.5rem !default;
+$break-s: 576px !default;
+$break-m: 768px !default;
+$break-l: 992px !default;
+$break-xl: 1200px !default;
+$break-2xl: 1400px !default;
+$break-max-width: 2400px !default;
+$break-mobile: 992px !default;
+$break-mobile-max: 992px - 0.05 !default;
+$component-themes-gray-800-background: hsl(0, 0%, 13%) !default;
+$component-themes-gray-800-text: hsl(0, 0%, 100%) !default;
+$component-themes-gray-800-heading: hsl(0, 0%, 100%) !default;
+$component-themes-gray-700-background: hsl(0, 0%, 25%) !default;
+$component-themes-gray-700-text: hsl(0, 0%, 100%) !default;
+$component-themes-gray-700-heading: hsl(0, 0%, 100%) !default;
+$component-themes-gray-200-background: hsl(0, 0%, 85%) !default;
+$component-themes-gray-200-text: hsl(0, 0%, 25%) !default;
+$component-themes-gray-200-heading: hsl(0, 0%, 13%) !default;
+$component-themes-gray-100-background: hsl(0, 0%, 97%) !default;
+$component-themes-gray-100-text: hsl(0, 0%, 25%) !default;
+$component-themes-gray-100-heading: hsl(0, 0%, 13%) !default;
+$component-themes-white-background: hsl(0, 0%, 100%) !default;
+$component-themes-white-text: hsl(0, 0%, 25%) !default;
+$component-themes-white-heading: hsl(0, 0%, 13%) !default;
+$component-themes-blue-yale-background: hsl(210, 100%, 21%) !default;
+$component-themes-blue-yale-text: hsl(0, 0%, 100%) !default;
+$component-themes-blue-yale-heading: hsl(0, 0%, 100%) !default;
+$animation-speed-default: 200ms !default;
+$animation-speed-slow: 800ms !default;
+$layout-width-25: 25% !default;
+$layout-width-50: 50% !default;
+$layout-width-75: 75% !default;
+$layout-width-100: 100% !default;
+$layout-flex-position-left: flex-start !default;
+$layout-flex-position-center: center !default;
+$layout-flex-position-right: flex-end !default;
+$layout-flex-position-baseline: baseline !default;
+$layout-flex-position-space-between: space-between !default;
+$size-component-layout-width-max: 100rem !default;
+$size-component-layout-width-feature: 84rem !default;
+$size-component-layout-width-highlight: 65rem !default;
+$size-component-layout-width-content: 49.375rem !default;
+$size-click-target-minimum: 2.75rem !default;
+$size-spacing-0: 0rem !default;
+$size-spacing-1: 0.125rem !default;
+$size-spacing-2: 0.25rem !default;
+$size-spacing-3: 0.5rem !default;
+$size-spacing-4: 0.75rem !default;
+$size-spacing-5: 1rem !default;
+$size-spacing-6: 1.5rem !default;
+$size-spacing-7: 2rem !default;
+$size-spacing-8: 2.5rem !default;
+$size-spacing-9: 3rem !default;
+$size-spacing-10: 4rem !default;
+$size-spacing-11: 5rem !default;
+$size-spacing-12: 6rem !default;
+$size-spacing-13: 10rem !default;
+$size-thickness-0: 0rem !default;
+$size-thickness-1: 0.063rem !default;
+$size-thickness-2: 0.125rem !default;
+$size-thickness-4: 0.25rem !default;
+$size-thickness-6: 0.375rem !default;
+$size-thickness-8: 0.5rem !default;
+$size-thickness-hairline: 0.031rem !default;
+$border-thickness-0: 0rem !default;
+$border-thickness-1: 0.063rem !default;
+$border-thickness-2: 0.125rem !default;
+$border-thickness-4: 0.25rem !default;
+$border-thickness-6: 0.375rem !default;
+$border-thickness-8: 0.5rem !default;
+$border-thickness-hairline: 0.031rem !default;
+$callout-themes-blue-yale-background-color: hsl(210, 100%, 21%) !default;
+$callout-themes-gray-700-background-color: hsl(0, 0%, 25%) !default;
+$font-style-nav-primary-0: 400 1.25rem/1.65 'Mallory Compact', sans-serif !default;
+$font-style-nav-primary-1: 400 1.1875rem/1.65 'Mallory Compact', sans-serif !default;
+$font-style-nav-primary-2: 400 1.0625rem/1.18 'Mallory Compact', sans-serif !default;
+$font-style-heading-h1-yale-new: 400 clamp(2.6875rem, calc(2.32vw + 1.8574rem), 3.875rem)/1 YaleNew, serif !default;
+$font-style-heading-h2-yale-new: 400 clamp(2.25rem, calc(1.94vw + 1.5510rem), 3.25rem)/1 YaleNew, serif !default;
+$font-style-heading-h3-yale-new: 400 clamp(1.8125rem, calc(1.46vw + 1.2882rem), 2.5625rem)/1.14 YaleNew, serif !default;
+$font-style-heading-h4-yale-new: 400 clamp(1.5rem, calc(0.73vw + 1.2379rem), 1.875rem)/1.14 YaleNew, serif !default;
+$font-style-heading-h5-yale-new: 400 clamp(1.3125rem, calc(0.49vw + 1.1377rem), 1.5625rem)/1.14 YaleNew, serif !default;
+$font-style-heading-h6-yale-new: 400 clamp(1rem, calc(0.36vw + 0.8689rem), 1.1875rem)/1.05 YaleNew, serif !default;
+$font-style-heading-h1-mallory-compact-medium: 500 clamp(2.5625rem, calc(2.06vw + 1.8198rem), 3.625rem)/1 'Mallory Compact', sans-serif !default;
+$font-style-heading-h2-mallory-compact-medium: 500 clamp(2.0625rem, calc(1.58vw + 1.4945rem), 2.875rem)/1 'Mallory Compact', sans-serif !default;
+$font-style-heading-h3-mallory-compact-medium: 500 clamp(1.6875rem, calc(1.09vw + 1.2943rem), 2.25rem)/1.05 'Mallory Compact', sans-serif !default;
+$font-style-heading-h4-mallory-compact-medium: 500 clamp(1.4375rem, calc(0.73vw + 1.1754rem), 1.8125rem)/1.10 'Mallory Compact', sans-serif !default;
+$font-style-heading-h5-mallory-compact-medium: 500 clamp(1.25rem, calc(0.49vw + 1.0752rem), 1.5rem)/1.15 'Mallory Compact', sans-serif !default;
+$font-style-heading-h6-mallory-compact-medium: 500 clamp(0.9375rem, calc(0.36vw + 0.8064rem), 1.125rem)/1.05 'Mallory Compact', sans-serif !default;
+$font-style-heading-h1-mallory-compact-book: 400 clamp(2.5625rem, calc(2.06vw + 1.8198rem), 3.625rem)/1 'Mallory Compact', sans-serif !default;
+$font-style-heading-h2-mallory-compact-book: 400 clamp(2.0625rem, calc(1.58vw + 1.4945rem), 2.875rem)/1 'Mallory Compact', sans-serif !default;
+$font-style-heading-h3-mallory-compact-book: 400 clamp(1.6875rem, calc(1.09vw + 1.2943rem), 2.25rem)/1.05 'Mallory Compact', sans-serif !default;
+$font-style-heading-h4-mallory-compact-book: 400 clamp(1.4375rem, calc(0.73vw + 1.1754rem), 1.8125rem)/1.10 'Mallory Compact', sans-serif !default;
+$font-style-heading-h5-mallory-compact-book: 400 clamp(1.25rem, calc(0.49vw + 1.0752rem), 1.5rem)/1.15 'Mallory Compact', sans-serif !default;
+$font-style-heading-h6-mallory-compact-book: 400 clamp(0.9375rem, calc(0.36vw + 0.8064rem), 1.125rem)/1.05 'Mallory Compact', sans-serif !default;
+$font-style-body-xl: 400 clamp(1.4375rem, calc(0.73vw + 1.1754rem), 1.8125rem)/1.7 'Mallory Compact', sans-serif !default;
+$font-style-body-l: 400 clamp(1.25rem, calc(0.73vw + 0.9879rem), 1.625rem)/1.7 'Mallory Compact', sans-serif !default;
+$font-style-body-default: 400 clamp(1.0625rem, calc(0.36vw + 0.9314rem), 1.25rem)/1.7 'Mallory Compact', sans-serif !default;
+$font-style-body-default-condensed: 400 clamp(1.0625rem, calc(0.36vw + 0.9314rem), 1.25rem)/1.4 'Mallory Compact', sans-serif !default;
+$font-style-body-s: 400 clamp(0.9375rem, calc(0.12vw + 0.8938rem), 1rem)/1.7 'Mallory Compact', sans-serif !default;
+$font-style-body-s-condensed: 400 clamp(0.9375rem, calc(0.12vw + 0.8938rem), 1rem)/1.4 'Mallory Compact', sans-serif !default;
+$font-style-body-xs: 400 clamp(0.8125rem, calc(0.12vw + 0.7688rem), 0.875rem)/1.4 'Mallory Compact', sans-serif !default;
+$font-style-branding-yale: 400 clamp(1.0625rem, calc(0.36vw + 0.9314rem), 1.25rem)/1.05 YaleNew, serif !default;
+$font-style-branding-site: 400 clamp(2.25rem, calc(1.58vw + 1.6820rem), 3.0625rem)/1 YaleNew, serif !default;
+$font-weights-mallory-book: 400 !default;
+$font-weights-mallory-medium: 500 !default;
+$font-weights-yalenew-roman: 400 !default;
+$font-weights-yalenew-bold: 700 !default;
+$font-scale-43-62: clamp(2.6875rem, calc(2.32vw + 1.8574rem), 3.875rem) !default;
+$font-scale-41-58: clamp(2.5625rem, calc(2.06vw + 1.8198rem), 3.625rem) !default;
+$font-scale-38-55: clamp(2.375rem, calc(2.06vw + 1.6323rem), 3.4375rem) !default;
+$font-scale-36-52: clamp(2.25rem, calc(1.94vw + 1.5510rem), 3.25rem) !default;
+$font-scale-33-46: clamp(2.0625rem, calc(1.58vw + 1.4945rem), 2.875rem) !default;
+$font-scale-29-41: clamp(1.8125rem, calc(1.46vw + 1.2882rem), 2.5625rem) !default;
+$font-scale-27-36: clamp(1.6875rem, calc(1.09vw + 1.2943rem), 2.25rem) !default;
+$font-scale-24-30: clamp(1.5rem, calc(0.73vw + 1.2379rem), 1.875rem) !default;
+$font-scale-23-29: clamp(1.4375rem, calc(0.73vw + 1.1754rem), 1.8125rem) !default;
+$font-scale-21-25: clamp(1.3125rem, calc(0.49vw + 1.1377rem), 1.5625rem) !default;
+$font-scale-20-26: clamp(1.25rem, calc(0.73vw + 0.9879rem), 1.625rem) !default;
+$font-scale-20-24: clamp(1.25rem, calc(0.49vw + 1.0752rem), 1.5rem) !default;
+$font-scale-17-20: clamp(1.0625rem, calc(0.36vw + 0.9314rem), 1.25rem) !default;
+$font-scale-16-19: clamp(1rem, calc(0.36vw + 0.8689rem), 1.1875rem) !default;
+$font-scale-15-18: clamp(0.9375rem, calc(0.36vw + 0.8064rem), 1.125rem) !default;
+$font-scale-15-16: clamp(0.9375rem, calc(0.12vw + 0.8938rem), 1rem) !default;
+$font-scale-13-14: clamp(0.8125rem, calc(0.12vw + 0.7688rem), 0.875rem) !default;
+$font-letter-spacing-h6-yale-new: 0.03em !default;
+$font-letter-spacing-h1-mallory-compact-medium: -0.01em !default;
+$font-letter-spacing-h2-mallory-compact-medium: -0.01em !default;
+$font-letter-spacing-h6-mallory-compact-medium: 0.02em !default;
+$font-letter-spacing-h1-mallory-compact-book: -0.01em !default;
+$font-letter-spacing-h2-mallory-compact-book: -0.01em !default;
+$font-letter-spacing-h6-mallory-compact-book: 0.02em !default;
+$font-text-transform-h6-yale-new: uppercase !default;
+$font-text-transform-h6-mallory-compact-medium: uppercase !default;
+$font-text-transform-h6-mallory-compact-book: uppercase !default;
+$font-spacing-paragraph: 1em !default;
+$site-footer-themes-blue-yale-border-color: hsl(213, 100%, 69%) !default;
+$site-footer-themes-gray-800-border-color: hsl(213, 100%, 69%) !default;
+$site-footer-themes-gray-700-border-color: hsl(213, 100%, 69%) !default;
+$site-footer-themes-gray-100-border-color: hsl(210, 100%, 21%) !default;
+$site-footer-themes-white-border-color: hsl(210, 100%, 21%) !default;
+$site-header-themes-gray-100-background: hsl(0, 0%, 97%) !default;
+$site-header-themes-gray-100-yale-branding: hsl(210, 100%, 21%) !default;
+$site-header-themes-gray-100-site-branding: hsl(210, 100%, 21%) !default;
+$site-header-themes-gray-100-border-color: hsl(210, 100%, 21%) !default;
+$site-header-themes-gray-100-divider-color: hsl(0, 0%, 73%) !default;
+$site-header-themes-white-background: hsl(0, 0%, 100%) !default;
+$site-header-themes-white-yale-branding: hsl(210, 100%, 21%) !default;
+$site-header-themes-white-site-branding: hsl(210, 100%, 21%) !default;
+$site-header-themes-white-border-color: hsl(210, 100%, 21%) !default;
+$site-header-themes-white-divider-color: hsl(0, 0%, 73%) !default;
+$site-header-themes-blue-yale-background: hsl(210, 100%, 21%) !default;
+$site-header-themes-blue-yale-yale-branding: hsl(213, 100%, 69%) !default;
+$site-header-themes-blue-yale-site-branding: hsl(0, 0%, 100%) !default;
+$site-header-themes-blue-yale-border-color: hsl(213, 100%, 69%) !default;
+$site-header-themes-blue-yale-divider-color: hsl(0, 0%, 46%) !default;
+$site-header-layout-left-justify: flex-start !default;
+$site-header-layout-left-align: flex-start !default;
+$site-header-layout-left-flex-direction: column !default;
+$site-header-layout-center-justify: center !default;
+$site-header-layout-center-align: center !default;
+$site-header-layout-center-flex-direction: column !default;
+$site-header-layout-right-justify: space-between !default;
+$site-header-layout-right-align: baseline !default;
+$site-header-layout-right-flex-direction: row !default;
+$font-families-mallory-compact: 'Mallory Compact', sans-serif !default;
+$font-families-mallory: Mallory, sans-serif !default;
+$font-families-yalenew: YaleNew, serif !default;
+$font-size-13: 0.8125rem !default;
+$font-size-14: 0.875rem !default;
+$font-size-15: 0.9375rem !default;
+$font-size-16: 1rem !default;
+$font-size-17: 1.0625rem !default;
+$font-size-18: 1.125rem !default;
+$font-size-19: 1.1875rem !default;
+$font-size-20: 1.25rem !default;
+$font-size-21: 1.3125rem !default;
+$font-size-23: 1.4375rem !default;
+$font-size-24: 1.5rem !default;
+$font-size-25: 1.5625rem !default;
+$font-size-26: 1.625rem !default;
+$font-size-27: 1.6875rem !default;
+$font-size-29: 1.8125rem !default;
+$font-size-30: 1.875rem !default;
+$font-size-33: 2.0625rem !default;
+$font-size-36: 2.25rem !default;
+$font-size-38: 2.375rem !default;
+$font-size-41: 2.5625rem !default;
+$font-size-43: 2.6875rem !default;
+$font-size-46: 2.875rem !default;
+$font-size-49: 3.0625rem !default;
+$font-size-52: 3.25rem !default;
+$font-size-55: 3.4375rem !default;
+$font-size-58: 3.625rem !default;
+$font-size-62: 3.875rem !default;
+$drop-shadow-level-1: 0px 1px 2px 0px #00000029,0px 4px 4px 0px #00000017,0px 6px 8px 0px #00000021 !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-3: 0px 0.33000001311302185px 1.7290265560150146px 0px #0000001a,0px 2.4700000286102295px 2.809999942779541px 0px #0000001f,0px 16px 23px 0px #00000038 !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;
+$radius-0: 0rem !default;
+$radius-4: 0.25rem !default;
+$radius-10: 0.625rem !default;
+$radius-20: 1.25rem !default;
+
+$tokens: (
+  'color': (
+    'cta': (
+      'primary': $color-cta-primary,
+      'secondary': $color-cta-secondary,
+      'theme': (
+        'gray-800': $color-cta-theme-gray-800,
+        'gray-700': $color-cta-theme-gray-700,
+        'blue-yale': $color-cta-theme-blue-yale
+      )
+    ),
+    'link': (
+      'base': $color-link-base,
+      'hover': $color-link-hover,
+      'theme': (
+        'gray-800': (
+          'base': $color-link-theme-gray-800-base,
+          'hover': $color-link-theme-gray-800-hover
+        ),
+        'blue-yale': (
+          'base': $color-link-theme-blue-yale-base,
+          'hover': $color-link-theme-blue-yale-hover
+        ),
+        'gray-700': (
+          'base': $color-link-theme-gray-700-base,
+          'hover': $color-link-theme-gray-700-hover
+        ),
+        'gray-200': (
+          'base': $color-link-theme-gray-200-base,
+          'hover': $color-link-theme-gray-200-hover
+        )
+      )
+    ),
+    'background': $color-background,
+    'text': $color-text,
+    'heading': $color-heading,
+    'alert': (
+      'emergency': (
+        'background-color': $color-alert-emergency-background-color,
+        'text': $color-alert-emergency-text,
+        'border-color': $color-alert-emergency-border-color
+      ),
+      'announcement': (
+        'background-color': $color-alert-announcement-background-color,
+        'border-color': $color-alert-announcement-border-color
+      ),
+      'marketing': (
+        'background-color': $color-alert-marketing-background-color,
+        'border-color': $color-alert-marketing-border-color
+      )
+    ),
+    'social-links': (
+      'theme': (
+        'gray-800': (
+
+        ),
+        'gray-700': (
+
+        ),
+        'blue-yale': (
+
+        )
+      )
+    ),
+    'blue': (
+      'yale': $color-blue-yale,
+      'medium': $color-blue-medium,
+      'light': $color-blue-light
+    ),
+    'basic': (
+      'white': $color-basic-white,
+      'black': $color-basic-black,
+      'brown-gray': $color-basic-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
+    )
+  ),
+  'link': (
+    'underline-size': (
+      'default': $link-underline-size-default,
+      'thick': $link-underline-size-thick
+    )
+  ),
+  'break': (
+    's': $break-s,
+    'm': $break-m,
+    'l': $break-l,
+    'xl': $break-xl,
+    '2xl': $break-2xl,
+    'max-width': $break-max-width,
+    'mobile': $break-mobile,
+    'mobile-max': $break-mobile-max
+  ),
+  '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
+    ),
+    '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
+    )
+  ),
+  'animation': (
+    'speed': (
+      'default': $animation-speed-default,
+      'slow': $animation-speed-slow
+    )
+  ),
+  '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,
+      'baseline': $layout-flex-position-baseline,
+      'space-between': $layout-flex-position-space-between
+    )
+  ),
+  'size': (
+    'component-layout': (
+      'width': (
+        'max': $size-component-layout-width-max,
+        'feature': $size-component-layout-width-feature,
+        'highlight': $size-component-layout-width-highlight,
+        'content': $size-component-layout-width-content
+      )
+    ),
+    'click-target-minimum': $size-click-target-minimum,
+    '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': (
+      '0': $size-thickness-0,
+      '1': $size-thickness-1,
+      '2': $size-thickness-2,
+      '4': $size-thickness-4,
+      '6': $size-thickness-6,
+      '8': $size-thickness-8,
+      'hairline': $size-thickness-hairline
+    )
+  ),
+  'border': (
+    'thickness': (
+      '0': $border-thickness-0,
+      '1': $border-thickness-1,
+      '2': $border-thickness-2,
+      '4': $border-thickness-4,
+      '6': $border-thickness-6,
+      '8': $border-thickness-8,
+      'hairline': $border-thickness-hairline
+    )
+  ),
+  'callout-themes': (
+    'blue-yale': (
+      'background-color': $callout-themes-blue-yale-background-color
+    ),
+    'gray-700': (
+      'background-color': $callout-themes-gray-700-background-color
+    )
+  ),
+  'font': (
+    'style': (
+      'nav': (
+        'primary': (
+          '0': $font-style-nav-primary-0,
+          '1': $font-style-nav-primary-1,
+          '2': $font-style-nav-primary-2
+        )
+      ),
+      '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
+      ),
+      'branding': (
+        'yale': $font-style-branding-yale,
+        'site': $font-style-branding-site
+      )
+    ),
+    'weights': (
+      'mallory-book': $font-weights-mallory-book,
+      'mallory-medium': $font-weights-mallory-medium,
+      'yalenew-roman': $font-weights-yalenew-roman,
+      'yalenew-bold': $font-weights-yalenew-bold
+    ),
+    'scale': (
+      '43-62': $font-scale-43-62,
+      '41-58': $font-scale-41-58,
+      '38-55': $font-scale-38-55,
+      '36-52': $font-scale-36-52,
+      '33-46': $font-scale-33-46,
+      '29-41': $font-scale-29-41,
+      '27-36': $font-scale-27-36,
+      '24-30': $font-scale-24-30,
+      '23-29': $font-scale-23-29,
+      '21-25': $font-scale-21-25,
+      '20-26': $font-scale-20-26,
+      '20-24': $font-scale-20-24,
+      '17-20': $font-scale-17-20,
+      '16-19': $font-scale-16-19,
+      '15-18': $font-scale-15-18,
+      '15-16': $font-scale-15-16,
+      '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
+    ),
+    'spacing': (
+      'paragraph': $font-spacing-paragraph
+    )
+  ),
+  'site-footer-themes': (
+    'blue-yale': (
+      'border-color': $site-footer-themes-blue-yale-border-color
+    ),
+    'gray-800': (
+      'border-color': $site-footer-themes-gray-800-border-color
+    ),
+    'gray-700': (
+      'border-color': $site-footer-themes-gray-700-border-color
+    ),
+    'gray-100': (
+      'border-color': $site-footer-themes-gray-100-border-color
+    ),
+    'white': (
+      'border-color': $site-footer-themes-white-border-color
+    )
+  ),
+  '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,
+      'border-color': $site-header-themes-gray-100-border-color,
+      'divider-color': $site-header-themes-gray-100-divider-color
+    ),
+    'white': (
+      'background': $site-header-themes-white-background,
+      'yale-branding': $site-header-themes-white-yale-branding,
+      'site-branding': $site-header-themes-white-site-branding,
+      'border-color': $site-header-themes-white-border-color,
+      'divider-color': $site-header-themes-white-divider-color
+    ),
+    '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,
+      'border-color': $site-header-themes-blue-yale-border-color,
+      'divider-color': $site-header-themes-blue-yale-divider-color
+    )
+  ),
+  'site-header-layout': (
+    'left': (
+      'justify': $site-header-layout-left-justify,
+      'align': $site-header-layout-left-align,
+      'flex-direction': $site-header-layout-left-flex-direction
+    ),
+    'center': (
+      'justify': $site-header-layout-center-justify,
+      'align': $site-header-layout-center-align,
+      'flex-direction': $site-header-layout-center-flex-direction
+    ),
+    'right': (
+      'justify': $site-header-layout-right-justify,
+      'align': $site-header-layout-right-align,
+      'flex-direction': $site-header-layout-right-flex-direction
+    )
+  ),
+  'fontFamilies': (
+    'mallory-compact': $font-families-mallory-compact,
+    'mallory': $font-families-mallory,
+    'yalenew': $font-families-yalenew
+  ),
+  'fontSize': (
+    '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,
+    '23': $font-size-23,
+    '24': $font-size-24,
+    '25': $font-size-25,
+    '26': $font-size-26,
+    '27': $font-size-27,
+    '29': $font-size-29,
+    '30': $font-size-30,
+    '33': $font-size-33,
+    '36': $font-size-36,
+    '38': $font-size-38,
+    '41': $font-size-41,
+    '43': $font-size-43,
+    '46': $font-size-46,
+    '49': $font-size-49,
+    '52': $font-size-52,
+    '55': $font-size-55,
+    '58': $font-size-58,
+    '62': $font-size-62
+  ),
+  '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
+  )
+);