:root {
  --color-brand-navy-seed: #004369;
  --color-brand-navy-50: color-mix(in srgb, var(--color-brand-navy-seed) 10%, white 90%);
  --color-brand-navy-100: color-mix(in srgb, var(--color-brand-navy-seed) 20%, white 80%);
  --color-brand-navy-200: color-mix(in srgb, var(--color-brand-navy-seed) 40%, white 60%);
  --color-brand-navy-300: color-mix(in srgb, var(--color-brand-navy-seed) 60%, white 40%);
  --color-brand-navy-400: color-mix(in srgb, var(--color-brand-navy-seed) 80%, white 20%);
  --color-brand-navy-500: var(--color-brand-navy-seed);
  --color-brand-navy-600: color-mix(in srgb, var(--color-brand-navy-seed) 80%, black 20%);
  --color-brand-navy-700: color-mix(in srgb, var(--color-brand-navy-seed) 60%, black 40%);
  --color-brand-navy-800: color-mix(in srgb, var(--color-brand-navy-seed) 40%, black 60%);
  --color-brand-navy-900: color-mix(in srgb, var(--color-brand-navy-seed) 20%, black 80%);
  --color-brand-navy: var(--color-brand-navy-500);
  --color-brand-aqua-seed: #749eb2;
  --color-brand-aqua-50: color-mix(in srgb, var(--color-brand-aqua-seed) 10%, white 90%);
  --color-brand-aqua-100: color-mix(in srgb, var(--color-brand-aqua-seed) 20%, white 80%);
  --color-brand-aqua-200: color-mix(in srgb, var(--color-brand-aqua-seed) 40%, white 60%);
  --color-brand-aqua-300: color-mix(in srgb, var(--color-brand-aqua-seed) 60%, white 40%);
  --color-brand-aqua-400: color-mix(in srgb, var(--color-brand-aqua-seed) 80%, white 20%);
  --color-brand-aqua-500: var(--color-brand-aqua-seed);
  --color-brand-aqua-600: color-mix(in srgb, var(--color-brand-aqua-seed) 80%, black 20%);
  --color-brand-aqua-700: color-mix(in srgb, var(--color-brand-aqua-seed) 60%, black 40%);
  --color-brand-aqua-800: color-mix(in srgb, var(--color-brand-aqua-seed) 40%, black 60%);
  --color-brand-aqua-900: color-mix(in srgb, var(--color-brand-aqua-seed) 20%, black 80%);
  --color-brand-aqua: var(--color-brand-aqua-500);
  --color-brand-red-seed: #cc0000;
  --color-brand-red-50: color-mix(in srgb, var(--color-brand-red-seed) 10%, white 90%);
  --color-brand-red-100: color-mix(in srgb, var(--color-brand-red-seed) 20%, white 80%);
  --color-brand-red-200: color-mix(in srgb, var(--color-brand-red-seed) 40%, white 60%);
  --color-brand-red-300: color-mix(in srgb, var(--color-brand-red-seed) 60%, white 40%);
  --color-brand-red-400: color-mix(in srgb, var(--color-brand-red-seed) 80%, white 20%);
  --color-brand-red-500: var(--color-brand-red-seed);
  --color-brand-red-600: color-mix(in srgb, var(--color-brand-red-seed) 80%, black 20%);
  --color-brand-red-700: color-mix(in srgb, var(--color-brand-red-seed) 60%, black 40%);
  --color-brand-red-800: color-mix(in srgb, var(--color-brand-red-seed) 40%, black 60%);
  --color-brand-red-900: color-mix(in srgb, var(--color-brand-red-seed) 20%, black 80%);
  --color-brand-red: var(--color-brand-red-500);
  --color-brand-neutral-seed: #4a6070;
  --color-brand-neutral-50: color-mix(in srgb, var(--color-brand-neutral-seed) 10%, white 90%);
  --color-brand-neutral-100: color-mix(in srgb, var(--color-brand-neutral-seed) 20%, white 80%);
  --color-brand-neutral-200: color-mix(in srgb, var(--color-brand-neutral-seed) 40%, white 60%);
  --color-brand-neutral-300: color-mix(in srgb, var(--color-brand-neutral-seed) 60%, white 40%);
  --color-brand-neutral-400: color-mix(in srgb, var(--color-brand-neutral-seed) 80%, white 20%);
  --color-brand-neutral-500: var(--color-brand-neutral-seed);
  --color-brand-neutral-600: color-mix(in srgb, var(--color-brand-neutral-seed) 80%, black 20%);
  --color-brand-neutral-700: color-mix(in srgb, var(--color-brand-neutral-seed) 60%, black 40%);
  --color-brand-neutral-800: color-mix(in srgb, var(--color-brand-neutral-seed) 40%, black 60%);
  --color-brand-neutral-900: color-mix(in srgb, var(--color-brand-neutral-seed) 20%, black 80%);
  --color-brand-neutral: var(--color-brand-neutral-500);
  --color-brand-off: #f4f7f9;
  --color-brand-mist: #e8eef2;
  --color-brand-ink: #1a2a35;
}