html {
  /* Colors */

  --grey-50: #f7faf5;
  --grey-100: #f2f5f0;
  --grey-200: #e1e5de;
  --grey-300: #d1d4ce;
  --grey-400: #9fa39b;
  --grey-500: #6d7368;
  --grey-600: #4d524a;
  --grey-700: #3b4037;
  --grey-800: #22261e;
  --grey-900: #12170e;

  --gray-50: var(--grey-50);
  --gray-100: var(--grey-100);
  --gray-200: var(--grey-200);
  --gray-300: var(--grey-300);
  --gray-400: var(--grey-400);
  --gray-500: var(--grey-500);
  --gray-600: var(--grey-600);
  --gray-700: var(--grey-700);
  --gray-800: var(--grey-800);
  --gray-900: var(--grey-900);

  /* https://www.tailwindshades.com/#color=93.02325581395348%2C55.36480686695279%2C45.68627450980392&step-up=12&step-down=10&hue-shift=0&name=sushi&base-stop=5&v=1&overrides=e30%3D */
  --green-50: #fefffe;
  --green-100: #eef8e6;
  --green-200: #ceeab6;
  --green-300: #addc87;
  --green-400: #8dcf57;
  --green-500: #6eb534;
  --green-600: #568d29;
  --green-700: #3e661d;
  --green-800: #263e12;
  --green-900: #0e1706;
  --green-950: #020301;
  --green: var(--green-500);

  /* https://www.tailwindshades.com/#color=163.33333333333334%2C50.467289719626166%2C41.96078431372549&step-up=12&step-down=9&hue-shift=0&name=teal&base-stop=5&v=1&overrides=e30%3D */
  --teal-50: #f0faf7;
  --teal-100: #d8f2eb;
  --teal-200: #aae3d3;
  --teal-300: #7cd4bc;
  --teal-400: #4ec5a4;
  --teal-500: #35a183;
  --teal-600: #2a7e67;
  --teal-700: #1e5c4b;
  --teal-800: #13392f;
  --teal-900: #081713;
  --teal-950: #020605;
  --teal: var(--teal-500);

  /* https://www.tailwindshades.com/#color=187.1830985915493%2C72.44897959183675%2C38.431372549019606&step-up=12&step-down=8&hue-shift=0&name=eastern-blue&base-stop=5&v=1&overrides=e30%3D */
  --blue-50: #def6fa;
  --blue-100: #c3eff5;
  --blue-200: #8fe2ed;
  --blue-300: #5ad4e5;
  --blue-400: #25c6dc;
  --blue-500: #1b98a9;
  --blue-600: #157886;
  --blue-700: #105963;
  --blue-800: #0a393f;
  --blue-900: #05191c;
  --blue-950: #020a0b;
  --blue: var(--blue-500);

  /* https://www.tailwindshades.com/#color=39.354838709677416%2C96.87500000000001%2C62.35294117647059&step-up=8&step-down=13&hue-shift=0&name=yellow-orange&base-stop=5&v=1&overrides=e30%3D */
  --yellow-50: #fffcf7;
  --yellow-100: #fff5e3;
  --yellow-200: #fee7ba;
  --yellow-300: #fdd892;
  --yellow-400: #fdca6a;
  --yellow-500: #fcbc42;
  --yellow-600: #f8a404;
  --yellow-700: #b77903;
  --yellow-800: #754e02;
  --yellow-900: #342201;
  --yellow-950: #130d00;
  --yellow: var(--yellow-500);

  --red-100: #fef0f0;
  --red-200: #f7cfcf;
  --red-300: #eca7a7;
  --red-400: #db8080;
  --red-500: #d96969;
  --red-600: #ae3838;
  --red-700: #8e2727;
  --red-800: #6d1414;
  --red-900: #390000;
  --red: var(--red-500);

  --primary-color: var(--blue-500);
  --primary-color-50: var(--blue-50);
  --primary-color-100: var(--blue-100);
  --primary-color-200: var(--blue-200);
  --primary-color-300: var(--blue-300);
  --primary-color-400: var(--blue-400);
  --primary-color-500: var(--blue-500);
  --primary-color-600: var(--blue-600);
  --primary-color-700: var(--blue-700);
  --primary-color-800: var(--blue-800);
  --primary-color-900: var(--blue-900);

  --text-primary: var(--grey-900);
  --text-secondary: var(--grey-500);

  /* Typography */
  --font-body: 'Open Sans', sans-serif;
  --font-heading: 'Jost', sans-serif;

  /* Layout */
  --content-max-width: 1400px;

  /* Breakpoints */
  --desktop: 768.6px;
  --mobile: 768.5px;
}