/* Colors */
body {
  /* LEGACY VARIABLES - DO NOT TOUCH / REMOVE */
  --base-color: #4a78e2;
  --base-color-lighter-10: #4a78e2;
  --base-color-lighter-op-10: #4a78e2;
  --base-color-lighter-op-15: #4a78e2;
  --base-color-darker-10: #3673dd;
  --button-secondary: #4a78e2;
  --button-default: #4a78e2;
  --button-default-hover: #0b3c89;
  --button-default-muted: var(--foundation-black-black-60);
  /* LEGACY VARIABLES - DO NOT TOUCH / REMOVE */

  /* Medici - TODO: update to correct values */
  /* color */
  --background-bg-accent-default: #f3f7fc;
  --background-bg-accent-emphasis: var(--base-color-darker-10);
  --background-bg-accent-muted: #e6f1fe;
  --background-bg-accent-subtle: #e6f1fe;
  --background-bg-brand-default: var(--foundation-neutral-neutral-10);
  --background-bg-brand-emphasis: #163771;
  --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-emphasis: var(--foundation-red-red-500);
  --background-bg-danger-emphasis-hover: var(--foundation-red-red-600);
  --background-bg-danger-hover: 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: var(--base-color-darker-10);
  --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: var(--foreground-fg-accent);
  --button-accent-primary-fg-disabled: var(--foreground-fg-disabled);
  --button-accent-secondary-bg-hover: var(--foundation-black-black-40);
  --button-accent-secondary-border-default: var(--border-border-default);
  --button-accent-secondary-fg-default: var(--foreground-fg-accent);
  --button-accent-secondary-fg-disabled: var(--foreground-fg-disabled);
  --button-accent-tertiary-bg-hover: var(--foundation-black-black-40);
  --button-accent-tertiary-border-focus: var(--button-accent-tertiary-fg-default);
  --button-accent-tertiary-fg-default: var(--foreground-fg-accent);
  --button-accent-tertiary-fg-disabled: var(--foreground-fg-disabled);
  --button-link-border-focus: var(--button-link-fg-default);
  --button-link-fg-active: var(--button-link-fg-default);
  --button-link-fg-default: var(--foreground-fg-accent);
  --button-link-fg-disabled: var(--foreground-fg-disabled);
  --button-link-fg-hover: #175ed9;
  --button-primary-bg-active: var(--button-primary-bg-hover);
  --button-primary-bg-default: var(--base-color-darker-10);
  --button-primary-bg-disabled: var(--foundation-black-black-60);
  --button-primary-bg-focus: var(--button-primary-bg-hover);
  --button-primary-bg-hover: #175ed9;
  --button-primary-border-active: var(--button-primary-bg-default);
  --button-primary-border-focus: var(--button-primary-bg-hover);
  --button-primary-fg-default: var(--foreground-fg-on-emphasis);
  --button-primary-fg-disabled: var(--foreground-fg-disabled);
  --button-secondary-bg-active: var(--foundation-black-black-60);
  --button-secondary-bg-hover: var(--foundation-black-black-40);
  --button-secondary-border-active: var(--button-secondary-fg-default);
  --button-secondary-border-default: var(--base-color-darker-10);
  --button-secondary-border-focus: var(--button-secondary-fg-default);
  --button-secondary-border-hover: var(--border-border-emphasis);
  --button-secondary-border-disabled: var(--border-border-subtle);
  --button-secondary-fg-active: var(--button-secondary-fg-default);
  --button-secondary-fg-default: var(--base-color-darker-10);
  --button-secondary-fg-disabled: var(--foreground-fg-disabled);
  --button-secondary-fg-hover: var(--button-secondary-fg-default);
  --button-tertiary-bg-active: var(--foundation-black-black-60);
  --button-tertiary-bg-hover: var(--foundation-black-black-40);
  --button-tertiary-border-focus: var(--button-tertiary-fg-default);
  --button-tertiary-fg-active: var(--button-tertiary-fg-default);
  --button-tertiary-fg-default: var(--base-color-darker-10);
  --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(--base-color-darker-10);
  --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: var(--base-color-darker-10);
  --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-muted: var(--foundation-neutral-neutral-50);
  --control-background-bg-selected: var(--base-color-darker-10);
  --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(--base-color-darker-10);
  --control-foreground-fg-default: var(--foreground-fg-default);
  --control-foreground-fg-disabled: var(--foreground-fg-disabled);
  --control-foreground-fg-on-emphasis: var(--foundation-neutral-neutral-0);
  --control-foreground-fg-placeholder: var(--foundation-black-black-300);
  --foreground-fg-accent: var(--base-color-darker-10);
  --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(--foreground-fg-muted);
  --navigation-button-border-focus: var(--navigation-fg-default);
  --navigation-fg-default: var(--foreground-fg-muted);

  /* Custom Medici variables */
  --bg-brand-subtle: #ececec;
  --text-brand: #090f15;
  --bg-brand-muted: var(--background-bg-muted);
  --background-bg-brand-gradient: linear-gradient(
    var(--background-bg-muted),
    var(--background-bg-muted)
  );
  --background-bg-homepage-gradient: linear-gradient(
    var(--background-bg-muted),
    var(--background-bg-muted)
  );
  --bordercolor-action-muted: var(--control-accent-border-border-selected);
  --bordercolor-button: var(--control-border-border-selected);

  --border-border-light: #5c739c;
}