:root,
:root.dark {
  --blue-1: var(--iris-1);
  --blue-2: var(--iris-2);
  --blue-3: var(--iris-3);
  --blue-4: var(--iris-4);
  --blue-5: var(--iris-5);
  --blue-6: var(--iris-6);
  --blue-7: var(--iris-7);
  --blue-8: var(--iris-8);
  --blue-9: var(--iris-9);
  --blue-10: var(--iris-10);
  --blue-11: var(--iris-11);
  --blue-12: var(--iris-12);
}

img[src="/brand-assets/logo.png"],
img[src="/brand-assets/logo_dark.png"] {
  max-height: 28px;
  width: auto;
  object-fit: contain;
}