/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --colors-charcoal-10: #1c1e23;
  --colors-charcoal-20: #28343e;
  --colors-charcoal-30: #494f5c;
  --colors-charcoal-40: #626a73;
  --colors-charcoal-50: #777f92;
  --colors-charcoal-60: #a0a4b1;
  --colors-charcoal-70: #bdbfc1;
  --colors-charcoal-80: #e8eaee;
  --colors-charcoal-90: #f4f5f7;
  --colors-cobalt-10: #071e31;
  --colors-cobalt-20: #0b2f4c;
  --colors-cobalt-30: #165c96;
  --colors-cobalt-40: #1b73bb;
  --colors-cobalt-50: #4278d6;
  --colors-cobalt-60: #64a8e1;
  --colors-cobalt-70: #a1c6ed;
  --colors-cobalt-80: #cee0f4;
  --colors-cobalt-90: #e2ecf9;
  --colors-gold-10: #3c3002;
  --colors-gold-20: #735d07;
  --colors-gold-30: #a8880b;
  --colors-gold-40: #d8ac00;
  --colors-gold-50: #ffce0c;
  --colors-gold-60: #f9d543;
  --colors-gold-70: #ffe372;
  --colors-gold-80: #fff0b2;
  --colors-gold-90: #fffae9;
  --colors-firebrick-10: #330005;
  --colors-firebrick-20: #660009;
  --colors-firebrick-30: #b3000f;
  --colors-firebrick-40: #c71a28;
  --colors-firebrick-50: #d24b57;
  --colors-firebrick-60: #d36464;
  --colors-firebrick-70: #e18e8e;
  --colors-firebrick-80: #e7bbbb;
  --colors-firebrick-90: #f2dede;
  --colors-emerald-10: #0b3003;
  --colors-emerald-20: #145a06;
  --colors-emerald-30: #208f0a;
  --colors-emerald-40: #2bbf0d;
  --colors-emerald-50: #40df20;
  --colors-emerald-60: #66e54c;
  --colors-emerald-70: #8fe87d;
  --colors-emerald-80: #b8eaae;
  --colors-emerald-90: #dff0d8;
  --colors-amethyst-10: #130e1b;
  --colors-amethyst-20: #302343;
  --colors-amethyst-30: #4d386b;
  --colors-amethyst-40: #664a8d;
  --colors-amethyst-50: #8358bb;
  --colors-amethyst-60: #986ece;
  --colors-amethyst-70: #ae94d1;
  --colors-amethyst-80: #cfc1e1;
  --colors-amethyst-90: #dcd3e8;
  --colors-white: #ffffff;
  --colors-black: #000000;
  --colors-green-line: #00843d;
  --colors-orange-line: #ed8b00;
  --colors-red-line: #da291c;
  --colors-blue-line: #003da5;
  --colors-silver-line: #7c878e;
  --colors-brand-bus: #ffc72c;
  --colors-ferry: #008eaa;
  --colors-the-ride: #52bbc5;
  --colors-commuter-rail: #80276c;
  --colors-swa: #00b5e2;
  --colors-mbta-dark: #212322;
  --colors-dark-winter: #13294b;
  --colors-mid-winter: #147bd1;
  --colors-action-primary-default: #cee0f4;
  --colors-action-primary-hover: #e2ecf9;
  --colors-action-primary-active: #a1c6ed;
  --colors-action-primary-disabled: #e8eaee;
  --colors-action-primary-visited: #cfc1e1; /* Only use this if applicable. Such as in the context of a link. */
  --colors-focus: #64a8e1;
  --font-family-base: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-family-heading: "Helvetica Neue", Helvetica, Inter, Arial, ui-sans-serif, system-ui, sans-serif;
  --font-family-inter: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-family-helvetica: "Helvetica Neue", Helvetica, Inter, Arial, ui-sans-serif, system-ui, sans-serif;
  --border-radius-none: 0;
  --border-radius-xs: 0.125rem;
  --border-radius-default: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 1rem;
  --border-radius-2xl: 2rem;
  --border-radius-4xl: 4rem;
  --border-radius-full: 624.9375rem;
  --border-radius-sm: 0.25rem;
  --border-width-default: 0.125rem;
  --border-width-xs: 0.0625rem;
  --border-width-sm: 0.125rem;
  --border-width-md: 0.1875rem;
  --border-width-lg: 0.25rem;
  --spacing-none: 0;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-px: 0.0625rem;
  --spacing-default: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-default: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --font-size-md: 1rem;
  --transition-duration-default: 200ms;
  --line-height-default: 24px; /* Intended to be used with DEFAULT font-size. */
  --line-height-md: 24px;
  --line-height-lg: 32px;
  --line-height-2xl: 48px;
  --line-height-xl: 40px;
  --minimum-tap-target-size: 2.75rem; /* Minimum X and Y dimension in pixels for any tappable target. */
  --text-primary: #ffffff;
  --background-primary: #000000;
  --background-secondary: #1c1e23;
  --background-tertiary: #28343e;
  --text-secondary: #bdbfc1;
  --text-tertiary: #a0a4b1;
  --annotation-text-color: #64a8e1;
  --menu-item-active-border-color: #a1c6ed;
  --menu-item-active-background-color: #a1c6ed;
  --menu-item-active-text-color: #0b2f4c;
  --menu-item-default-text-color: #ffffff;
  --menu-item-default-border-color: #a1c6ed;
  --menu-item-default-background-color: #165c96;
  --submenu-background-color: #e2ecf9;
  --submenu-item-hover-background-color: #cee0f4;
  --submenu-item-active-background-color: #a1c6ed;
  --submenu-category-text-color: #071e31;
  --submenu-divider-border-color: #a1c6ed;
  --navbar-local-background-color: #165c96;
  --navbar-global-background-color: #0b2f4c;
  --button-primary-default-text-color: #165c96;
  --button-primary-default-background-color: #cee0f4;
  --button-primary-default-border-color: #cee0f4;
  --button-primary-active-text-color: #0b2f4c;
  --button-primary-active-background-color: #a1c6ed;
  --button-primary-active-border-color: #a1c6ed;
  --button-secondary-default-text-color: #cee0f4;
  --button-secondary-default-border-color: #cee0f4;
  --button-secondary-default-background-color: #000000;
  --button-secondary-active-text-color: #0b2f4c;
  --button-secondary-active-background-color: #a1c6ed;
  --button-secondary-active-border-color: #a1c6ed;
  --button-secondary-hover-text-color: #e2ecf9;
  --button-secondary-hover-border-color: #e2ecf9;
  --button-secondary-hover-background-color: #0b2f4c;
  --footer-pre-background-color: #e2ecf9;
  --footer-pre-text-color: #ffffff;
  --footer-local-background-color: #165c96;
  --footer-local-text-color: #ffffff;
  --footer-global-background-color: #071e31;
  --footer-global-text-color: #ffffff;
  --menu-mega-sub-category-background-color: #e2ecf9;
  --menu-mega-info-card-background-color: #ffffff;
}