body {
  /* LEGACY VARIABLES - DO NOT TOUCH / REMOVE */
  --base-color: #275da3;
  --base-color-lighter-10: #4177bd;
  --base-color-lighter-op-10: #275da31a;
  --base-color-lighter-op-15: #275da326;
  --base-color-darker-10: #0e448a;
  --button-primary-bg-default: #003f9e;
  --button-secondary: #275da3;
  --button-default: #275da3;
  --button-default-hover: #275da31a;
  --button-default-muted: #0e448a;
  /* LEGACY VARIABLES - DO NOT TOUCH / REMOVE */

  --background-bg-accent-default: #f3f7fc;
  --background-bg-accent-emphasis: #003f9e;
  --background-bg-accent-muted: #e6f1fe;
  --background-bg-accent-subtle: #e6f1fe;
  --background-bg-brand-default: var(--foundation-neutral-neutral-10);
  --background-bg-brand-emphasis: #002b6b;
  --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: #003f9e;
  --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: #f3f7fc;
  --button-accent-primary-bg-disabled: var(--foundation-black-black-60);
  --button-accent-primary-bg-hover: #e6f1fe;
  --button-accent-primary-fg-default: #003f9e;
  --button-accent-primary-fg-disabled: var(--foreground-fg-disabled);
  --button-accent-secondary-bg-hover: var(--foundation-black-black-40);
  --button-accent-secondary-border-default: #003f9e;
  --button-accent-secondary-fg-default: #003f9e;
  --button-accent-secondary-fg-disabled: var(--foreground-fg-disabled);
  --button-accent-tertiary-bg-hover: var(--foundation-black-black-40);
  --button-accent-tertiary-fg-default: #003f9e;
  --button-accent-tertiary-fg-disabled: var(--foreground-fg-disabled);
  --button-link-fg-default: #003f9e;
  --button-link-fg-disabled: var(--foreground-fg-disabled);
  --button-primary-bg-default: #003f9e;
  --button-primary-bg-disabled: var(--foundation-black-black-60);
  --button-primary-bg-hover: #002b6b;
  --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: #003f9e;
  --button-secondary-fg-disabled: var(--foreground-fg-disabled);
  --button-tertiary-bg-hover: var(--foundation-black-black-40);
  --button-tertiary-fg-default: #003f9e;
  --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: #003f9e;
  --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: #003f9e;
  --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-muted);
  --control-foreground-fg-on-emphasis: var(--foreground-fg-on-emphasis);
  --control-foreground-fg-placeholder: var(--foundation-black-black-300);
  --control-foreground-fg-selected: #003f9e;
  --foreground-fg-accent: #003f9e;
  --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);
}
