body {
  /* LEGACY VARIABLES - DO NOT TOUCH / REMOVE */
  --base-color: #546c7c;
  --base-color-lighter-10: #6e8696;
  --base-color-lighter-op-10: #546c7c1a;
  --base-color-lighter-op-15: #546c7c26;
  --base-color-darker-10: #3b5363;
  --button-secondary: #546c7c;
  --button-default: #546c7c;
  --button-default-hover: #546c7c1a;
  --button-default-muted: #3b5363;
  /* LEGACY VARIABLES - DO NOT TOUCH / REMOVE */

  --background-bg-accent-default: #eef0f2;
  --background-bg-accent-emphasis: #2e3b44;
  --background-bg-accent-muted: #cad1d6;
  --background-bg-accent-subtle: #b0bbc3;
  --background-bg-brand-default: var(--foundation-neutral-neutral-10);
  --background-bg-brand-emphasis: #232d34;
  --background-bg-brand-muted: var(--foundation-neutral-neutral-20);
  --background-bg-brand-subtle: var(--foundation-neutral-neutral-30);
  --background-bg-danger: var(--foundation-red-red-50);
  --background-bg-danger-hover: var(--foundation-red-red-100);
  --background-bg-danger-emphasis: var(--foundation-red-red-500);
  --background-bg-danger-emphasis-hover: var(--foundation-red-red-600);
  --background-bg-danger-muted: var(--foundation-red-red-100);
  --background-bg-default: var(--foundation-neutral-neutral-0);
  --background-bg-disabled: var(--foundation-black-black-40);
  --background-bg-info: var(--foundation-blue-blue-50);
  --background-bg-info-emphasis: var(--foundation-blue-blue-500);
  --background-bg-muted: var(--foundation-neutral-neutral-20);
  --background-bg-subtle: var(--foundation-neutral-neutral-30);
  --background-bg-success: var(--foundation-green-green-50);
  --background-bg-success-emphasis: var(--foundation-green-green-700);
  --background-bg-warning: var(--foundation-orange-orange-50);
  --background-bg-warning-emphasis: var(--foundation-orange-orange-800);
  --border-border-accent: #546c7c;
  --border-border-danger: var(--foundation-red-red-200);
  --border-border-danger-emphasis: var(--foundation-red-red-500);
  --border-border-default: var(--foundation-black-black-150);
  --border-border-emphasis: var(--foundation-black-black-300);
  --border-border-info: var(--foundation-blue-blue-200);
  --border-border-info-emphasis: var(--foundation-blue-blue-500);
  --border-border-subtle: var(--foundation-black-black-60);
  --border-border-success: var(--foundation-green-green-200);
  --border-border-success-emphasis: var(--foundation-green-green-600);
  --border-border-warning: var(--foundation-orange-orange-200);
  --border-border-warning-emphasis: var(--foundation-orange-orange-600);
  --button-accent-primary-bg-default: #eef0f2;
  --button-accent-primary-bg-disabled: var(--foundation-black-black-60);
  --button-accent-primary-bg-hover: #cad1d6;
  --button-accent-primary-fg-default: #546c7c;
  --button-accent-primary-fg-disabled: var(--foreground-fg-disabled);
  --button-accent-secondary-bg-hover: var(--foundation-black-black-40);
  --button-accent-secondary-border-default: #546c7c;
  --button-accent-secondary-fg-default: #546c7c;
  --button-accent-secondary-fg-disabled: var(--foreground-fg-disabled);
  --button-accent-tertiary-bg-hover: var(--foundation-black-black-40);
  --button-accent-tertiary-fg-default: #546c7c;
  --button-accent-tertiary-fg-disabled: var(--foreground-fg-disabled);
  --button-link-fg-default: #546c7c;
  --button-link-fg-disabled: var(--foreground-fg-disabled);
  --button-primary-bg-default: #546c7c;
  --button-primary-bg-disabled: var(--foundation-black-black-60);
  --button-primary-bg-hover: #4c6271;
  --button-primary-fg-default: var(--foreground-fg-on-emphasis);
  --button-primary-fg-disabled: var(--foreground-fg-disabled);
  --button-secondary-bg-hover: var(--foundation-black-black-40);
  --button-secondary-border-default: var(--border-border-default);
  --button-secondary-fg-default: #546c7c;
  --button-secondary-fg-disabled: var(--foreground-fg-disabled);
  --button-tertiary-bg-hover: var(--foundation-black-black-40);
  --button-tertiary-fg-default: #546c7c;
  --button-tertiary-fg-disabled: var(--foreground-fg-disabled);
  --control-accent-background-bg-default: var(--background-bg-default);
  --control-accent-background-bg-disabled: var(--background-bg-disabled);
  --control-accent-background-bg-selected: var(--button-accent-primary-bg-default);
  --control-accent-border-border-default: var(--border-border-default);
  --control-accent-border-border-disabled: var(--border-border-subtle);
  --control-accent-border-border-emphasis: var(--border-border-emphasis);
  --control-accent-border-border-selected: #546c7c;
  --control-accent-foreground-fg-default: var(--foreground-fg-default);
  --control-accent-foreground-fg-disabled: var(--foreground-fg-disabled);
  --control-accent-foreground-fg-on-emphasis: var(--foundation-neutral-neutral-0);
  --control-accent-foreground-fg-placeholder: var(--foundation-black-black-300);
  --control-background-bg-default: var(--background-bg-default);
  --control-background-bg-disabled: var(--background-bg-disabled);
  --control-background-bg-selected: #546c7c;
  --control-border-border-default: var(--border-border-default);
  --control-border-border-disabled: var(--border-border-subtle);
  --control-border-border-emphasis: var(--border-border-emphasis);
  --control-border-border-selected: var(--foreground-fg-accent);
  --control-foreground-fg-default: var(--foreground-fg-default);
  --control-foreground-fg-disabled: var(--foreground-fg-disabled);
  --control-foreground-fg-muted: var(--foreground-fg-disabled);
  --control-foreground-fg-on-emphasis: var(--foundation-neutral-neutral-0);
  --control-foreground-fg-placeholder: var(--foundation-black-black-300);
  --control-foreground-fg-selected: #546c7c;
  --foreground-fg-accent: #546c7c;
  --foreground-fg-brand: var(--foreground-fg-default);
  --foreground-fg-danger: var(--foundation-red-red-500);
  --foreground-fg-default: var(--foundation-black-black);
  --foreground-fg-disabled: var(--foundation-black-black-300);
  --foreground-fg-info: var(--foundation-blue-blue-600);
  --foreground-fg-muted: var(--foundation-black-black-700);
  --foreground-fg-on-emphasis: var(--foundation-white-white);
  --foreground-fg-subtle: var(--foundation-black-black-500);
  --foreground-fg-success: var(--foundation-green-green-700);
  --foreground-fg-warning: var(--foundation-orange-orange-800);
  --navigation-button-border-default: var(--border-border-default);
  --navigation-fg-default: var(--foreground-fg-muted);
}