:root {
  --blindin-navy: #032767;
  --blindin-teal: #3d9698;
  --blindin-dark-navy: #071832;
  --blindin-off-white: #f6f8fa;
  --blindin-white: #ffffff;

  --blindin-theme-color: var(--blindin-navy);
  --blindin-link-color: var(--blindin-navy);
  --blindin-accent-color: var(--blindin-teal);
  --blindin-focus-ring: 0 0 0 3px rgb(61 150 152 / 35%);
}

/* Recommended accessible defaults for branded UI elements. */
.blindin-brand-surface {
  color: var(--blindin-white);
  background: var(--blindin-navy);
}

.blindin-brand-accent {
  color: var(--blindin-white);
  background: var(--blindin-teal);
}